Viva Stay

Viva Stay

Hotel booking website

Introduction

Vivastay (vivastay.com) is an independent travel operator providing worldwide accommodation with a strong focus on customer service, Their vision was to establish the company as a leading travel operator, targeting particularly young people and couples aged 20-35. Due to low budget and very limited time constraints, some UX activities were not performed.

Due to these constraints, we were forced to find out a solution with the data and tools we got. First of all, usability tests on 3 users and reviews of analytics were used to get a general idea of the website performance. Users were given a specific task to complete. Frustrations were observed and noted. Measurement was recorded of how efficient, effective and satisfied the users were during the sessions.

Test report: the main findings

Tests were conducted by the with me and internal team.

  • Poor conversion rate (Google analytic)
  • Overall look and feel outdated, inflexible and did not give necessary confidence to a user
  • Participants were not clear what stage they are in, during the purchasing process (only one participant completed the task)
  • Majority of users could not differentiate clickable areas with other parts of the website (”Do I click on text or image?”)
  • Photos were too small, generating problems with users choosing the wrong hotels
  • Forms unclear and confusing

Mission

  • Improving the number of site visitors who contacted the company to make a booking
  • Pleasant online experience and updating the site to be robust, flexible, international, elegant, and easy to use.
  • Delivery of the product on time and tight budget (only a developer were assigned to work alongside me)

Information Architecture and Content Strategy

We dedicated one day for an intense period of ideas generation. We had lots of thoughts on how to improve online conversion and we noted everybody’s ideas. We went through several activities to document these ideas, spent a lot of time sketching and surrounded ourselves with printouts of competitor sites. We focused on key user tasks for the new website.

Interaction Design

The next step was to establish the main user journey (red route) and to find out how users would interact with the product. Existing screenshots with some quick Photoshop editing were used to map the interaction and low fidelity wireframe mockups were generated to understand how the content will be organised.

Final main user flow
Solving a search form problem. With few adjustments, clear improvements were made

Prototyping

Wireframes were produced to quickly fabricate the model. 

05. Visual UI Design

After additional findings from user tests, further improvements were made on wireframes and final prototype was delivered. I worked with the stakeholders to understand the essence of their brand and the online presence the new site should reflect. It was important that new design fitted seamlessly with the brand and reflected trust, value and youthful appearance. The new website was radically different from the old version, but stakeholders were very happy because it distilled the brand personality they were aiming for.

Set of icons designed in Illustrator

Designs for mobile and desktop screens were created. After they were accepted, the development phase has begun.

Home page
Search results page
Hotel details page
Booking page