Hotels Direct Booking

Skyscanner
I led design for the mobile web experience, in support of Skyscanner's Direct Booking model.
Our approach considered three problem spaces: 1) partner scalability, 2) surfacing data within context, and 3) easier scanning and accessibility.
The redesign of the Accommodations mobile web experience resulted in a 4% conversion increase.
Showing Details Contextually
Hotel details pages are new to the Skyscanner Accommodations booking flow. As part of the direct booking offering, users now have access to more information about their accommodation such as things to see nearby, hotel ratings and reviews, amenities, social media content, and more.Speaking with users helped us understand what type of information they find necessary when booking their stay. We used techniques like card sorting to identify what types of amenities were most important for users at both a hotel and a room level. This meant looking at all of the amenities data coming from a multitude of partners, and finding patterns across offerings and user preferences. Through multivariate testing we were able to define an order of components that worked best for most of our users.
Partner Scalability
An issue unique to the web product was to ensure users know who they are booking with. With the current shift in our revenue model and booking flow, from redirect to direct booking (booking with Skyscanner) it was important for users to understand that they remain in the Skyscanner product, and that they have not redirected to a partner website. In order to do this we needed to establish brand hierarchy between Skyscanner and partner brands.The new design shows Skyscanner as a constant header, while still offering, Hyatt in this case, brand real estate.
Easy scanning and accessibility
The card layout was restructured to make more hotel options visible above the fold. We also introduced a sticky filters and map button at the bottom to facilitate browsing.