Booking.com UX Case Study June 2023

Drawing Conversion
from Clarity

Increasing Booking Conversion Rate by curing decision paralysis through data-driven recommendations.

Case Study Hero Image
The Problem

Decision Paralysis

Users feel overwhelmed by 500+ options, leading to high drop-off rates and low conversion.

Targeted Metric

Booking Conversion

Primary success indicator. Supported by reduced Time-to-Book and Session Drop-offs.

Goal

Personalisation

Reduce choice overload for indecisive users by surfacing a small, highly-relevant set of stays that match their trip intent, budget, and comfort expectations.

1. Context

Booking.com has arguably the largest inventory in the world. But in 2023, this strength became a weakness. Users were spending hours filtering through 500+ options, often leaving without booking due to decision fatigue.

The goal was clear: Stop users from "Searching" and start helping them "Choose."

2. Digging Insights

During secondary research, we analyzed traffic patterns. The data showed a clear distinction between "Focused" and "Indecisive" behaviors when comparing with competitors.

Chart: Traffic Patterns & Bounce Rates Analysis

MakeMyTrip

Focused

Users visit fewer pages but spend quality time reading details. This indicates efficient decision making.

Booking.com

Indecisive

Users visit significantly more pages with high session duration. This signals choice paralysis.

This data validated Hick's Law: The time it takes to make a decision increases with the number and complexity of choices.

3. Hypothesis

After thoroughly conducting secondary research and gathering a significant amount of information, I felt that I had a comprehensive understanding of the context and was ready to move on to the next step in my research process — formulating a hypothesis.

1.

Personalised recommendations will lead to increased engagement with the product or service.

2.

Recommendations based on user data will result in higher conversion rates compared to generic lists.

3.

Users will have a more positive experience with a product or service when they receive tailored recommendations.

4. Ideation

Brainstorming focused on integrating "Smart Choices" without disrupting the existing user flow. We explored how subtle nudges could appear at critical drop-off points like the search results and property details page. Swipe to see the concepts.

UI Mockup: Home Page

Home Page

The homepage would consist of a very visible section labelled as “Pick For You” to help the user with decision-making upon arrival.

UI Mockup: SERP

Search Result Page

Cards will consist of a label over the image signifying that the stay is recommended, in a subtle way to avoid visual clutter.

UI Mockup: Map View

Map View

A specialised location pin icon would signify recommended locations. Clicking it opens a pop-tray with booking info.

UI Mockup: Property Page

Property Overview

If the user isn't satisfied, a section of recommended options appears at the end as a nudge to prevent drop-offs.

UI Mockup: Quiz Edge Case

Signup Edge Case

For new users, a low-effort 5-question “this or that” quiz helps capture preferences, incentivized by a 10% discount.

5. Implementation Scope

Given the 48-hour constraint, we had to prioritize ruthlessly. We focused on high-traffic entry points where users experience the most friction. We decided to implement the recommendation engine across these three key surface areas.

  • Home Screen Implementation
  • SERP (Search Engine Result Page) Integration
  • Stay Overview Page Recommendations

6. Validating Idea

We didn't just stop at designing; we put our prototypes in front of 5 users to see if the "choice overload" was actually reduced. The heatmaps and click-tracking revealed fascinating insights about user intent.

Usability Testing Findings Map

Goals of Usability Testing

  • 1

    The user’s understanding of the recommendation section on the homepage.

  • 2

    If they can grasp the distinction between suggested options and general listings.

  • 3

    Scrolling and decision-making behaviour on the property overview page.

7. Shortcomings & Iteration

First drafts are rarely perfect. Our testing highlighted two major UI flaws that were hindering the very clarity we sought to provide. Here is how we fixed them.

The "Banner Blindness" Issue

Before
Before: Banner (Ignored)
After
After: Glow Chip
Problem

In V1, we used a banner on top of the image to say "Recommended." Users completely ignored it, thinking it was an ad.

The Fix

We changed it to a high-contrast "Chip" inside the content area and added a subtle glow effect. Visibility improved immediately.

The "Scroll Fatigue" Issue

Before
Before: Bottom Placement
After
After: Top Placement
Problem

On the Property Overview page, we placed recommendations at the very bottom. Heatmaps showed 0% of users reached that far.

The Fix

We moved the recommendation section UP, placing it immediately after the facility listing. This catches the user before they abandon the page.

Interactive Prototype

Load Prototype Click to interact with the design

Reflection

Since this was a capstone project, we couldn't measure live post-launch metrics. However, the qualitative feedback from our testing sessions was clear: Users feel safer when the system curates for them.

If implemented, we hypothesize a significant reduction in time-to-book and an increase in return user rate (CLV), as the platform transforms from a directory into a concierge.

Tech Stack