Case Study
Introducing Web 2.0 layout for Vintagecloud.com
Client Details
Category: Website
Date: July 06 – 2017
Business Goal: Increase Clients
Time: Summer 2017 (4 weeks)
Role: UI Designer & Developer
Tools: Photoshop, HTML/CSS, Javascript & WordPress
RESEARCH
Tools Used: Google Analytics & Similar Web.
User Personas
Research to identify type of users.
User Type: Media Companies
Media companies who are interested in acquiring new Digital and Analog multimedia equipments for their projects or looking to hire Vintage Cloud for their projects.
USER TESTING & ANALYSIS
User tests were developed using the data pulled from our research and the concerns raised by the companies owners. The tests consisted of a list of set tasks that users were asked to complete. Insights from the testing proved very insightful into where our bias and misconceptions about the site were.
Findings and takeaways from the tests included:
- Layout is outdated and not mobile friendly
- Not easy to contact right away.
- Hard to find what services they have to offer
- Missing Social Media Interaction.
- Not easy to navigate and response time is slow.
WIREFRAMES & FLOWS
Tools Used: Photoshop.
After learning about the strengths and weaknesses of the site, I striped away all of the design elements in Photoshop and created wireframes of the current process. I then created an ideal wireframe of a user flow based on the data from our research into ideal user behaviors and where bounces were occurring. This gave me a road map moving forward on where there were weaknesses in the UX.
PROTOTYPE
Tools Used: AdobeXD
With the wireframes and site maps finished. Using their strict guideline I redesigned pages. Almost every page of the the process was reworked, resulting in changes to the site navigation, Banner images and links, proofing process, and the final contact form. The prototype provided solutions to the problems we found during an exhaustive deep dive into the site’s infrastructure.
Front-End
Technologies Used: HTML5/CSS Javascript and WordPress CMS.
After Prototyping process I started coding from scratch and I ended up creating a new framework on wordpress which was flexible on every device and compatible with all the latest and old browsers which gives the user a unique fluid experience with videos playback features and fast load time while going through different pages of Vintage Cloud.
.