Project overview

Booking a hotel online should be simple.

Our existing search and booking flow didn't surface the right information in the right way, leaving users to piece together details on their own. Pricing was a particular pain point, with no clear view of total cost until late in the process.

Our goal was to redesign the flow with transparency at its core, surfacing the data users actually need.

My role

  • Product Designer

Team

  • Product Manager
  • Front-end Engineer

Tools

  • Adobe Xd
  • Jira
  • Hotjar

The need for a redesign

Unclear and not transparent pricing

Student/member deals not called out

No pricing on map view

Only shows one amenity

Mobile is not accessible

Free cancellation not shown

Old mobile hotel search results
Curent mobile search results
Old desktop hotel search results
Curent map view

Solution

Hotel booking flow

Comparing results

Map view

Easier map access to compare more hotels at once in the right location.

Compare details

Pricing is larger, more important amenities shown, and unique selling points are called out, allowing for easier decision making earlier in the funnel.

Total and nightly rates

Total price is now shown as the main price, but still showing the nightly rate. Previously, total price could only be seen during checkout.

Search results mobile
New search results
Scrolling through search results mobile
Scrolling through results

Map view

Informative pins

Map pins now show total price and indicate member deals with color and an icon to be more informative and useful.

Consistency across views

All of the same information is now shown on the hotel cards, rather than a stripped-down version.

Hotel search map view
Default map view
Hotel search map view with selected hotel
Hotel selected

Room select

Expanded hotel details

Each hotel now has a full description, its location, and all amenities shown. Recent reviews and access to more are available through a partnership with TripAdvisor.

Room-specific information

Each room now has its own image, description, and amenities to compare. These had previously only shown room type and price.

Hotel room select page
Hotel landing page
Hotel room details
Results anchor to room select on hotel page

Results

29% increase in click-through from results to room select

With total pricing, top amenities, and unique deals visible directly in the results, users had enough information to commit to a hotel sooner.

+135% sales over the prior year and 46% above our pre-COVID record

With consistent pricing and details all the way through checkout, fewer users hit late surprises, leading to more completed bookings.