Case Study

Vintage Cloud

Introducing Web 2.0 layout for Vintagecloud.com

Vintage Cloud is a world leader in the technologies required to ensure the fast and safe digitization of valuable film archives. Their goal is to help our customers quickly and easily monetize their assets by making them more accessible with tools that are cost-effective, innovative and intuitive and designed for the delicate task.

Client Details

Client: Vintage Cloud

Category: Website

Date: July 06 – 2017

Challenge: To make Vintage Cloud website fast and user friendly, deliver the company message clearly to customers and turn the visitors into clients.

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.

.

Old Layout

New Layout

Have a Project for Me?

GET IN TOUCH!