Kevin Lew
thumbnails_the-hoxton.jpg

The Hoxton

 

The Hoxton FAQ redesign

 
 

THE PROBLEM

Luxury boutique hotel chain The Hoxton wanted to refresh the FAQ section of their website. It was felt the current page suffered from several problems relating to navigation, legibility and poor usability in general particularly on mobile devices leading to customer frustration.

ROLE

As the UI / UX designer my role was to suggest improvement to the user journey of the FAQ section by first identifying the potential pain points and then recommending suitable solutions through UI changes. The recommendations were presented to the client through high fidelity screens.

 
 
header_img.jpg
 

 

 

 

Research

The Research stage involved analysing the current FAQ page on both mobile and desktop devices to identify the current issues with accessibility. Below are some potential pain points I discovered.

  1. No option to view FAQ pages from other Boutiques

  2. Content titles are cut off

  3. Extra click action required to view FAQ information

  4. No indication of where you are

  5. FAQ pages cannot be accessed from global footer

THE REDESIGN

Taking the pain points as a starting point I began to convert them into actionable goals for solutions to improve the product.

 
 
hoxton_navigation_sub_nav_2500.jpg
 
 

REORGANIZED CONTENT

Several features were introduced to make the content more visible. Firstly headings were added to break up the information aiding the customer to find specific content efficiently. The typography was refined to ensure all content was visible and expandable content boxes were also added for better ease of use

 
 
hoxton_navigation_section_titles_2500.jpg
hoxton_navigation_expandable_2500.jpg
 
Hoxton_redesign_screen_01.jpg
Hoxton_redesign_screen_02.jpg
Hoxton_redesign_screen_03.jpg
Hoxton_redesign_screen_04.jpg