Hotel Search Page
The page outlay, including main tabs, dropdowns, and upcoming travel section was re-organized in a much cleaner and readable way to make it easier and more enjoyable for travelers to plan their trips. We also changed the background and implemented a hero image to inspire and boost excitement.
5 out of 7 users found the new page design clean and easy to navigate
4 out of 7 users said that they liked the hero image
Hotel Listing Page
The user research showed that our users preferred having the map view as default. To have more space for the hotel listing and map view, we moved the left filters to the top. One of the challenges was to develop new readable listing labels such as ‘need approval’, ‘sold out’, and ‘out of policy’ that would organically fit in with the page and didn’t distract attention. From several design ideations, we developed a consistent and clean label with hover states indicating what the button will show. The statistics provided by the client allowed us to rearrange the top filters by the most used filter to the least used filter from left to right. To narrow down their search results, users can apply a dropdown of each filter.
7 out of 7 users said the labels were clear and non-distracting
7 out of 7 users easily navigated the filters
6 out of 7 users liked the map view as default
We aimed at making the checkout page utterly user-friendly and intuitive especially with multiple items added to the cart. Following the request of users and the client, we also simplified an option of adding loyalty numbers and changing travelers should the booking is made for someone else. Users found it more intuitive and less distracting to have the cart summary at bottom of the page rather than in the right sidebar.
This is how the checkout page looks like AFTER the redesign when a flight or/and car rental is added: