Case Study · Simplotel

Rethinking the
Itinerary Flow

Designing for Speed, Clarity & Confidence across 3,000+ hotels.

Senior Product Designer
Ongoing Project
3,000+ Hotels
Role
Sr. Designer
End-to-end
Timeline
Ongoing
Cross-functional
Scale
3,000+
Hotels across India
Impact
+20%
Faster completion
Multi-property itinerary builder — live at CGH Earth on Simplotel
The live multi-property itinerary builder at CGH Earth's Visalam property — guests configure two hotels, dates, rooms, and guest count in one unified flow before checking availability. Powered by Simplotel across 3,000+ hotels.
01 — Overview

Project Overview

When I joined Simplotel, one of the most intriguing yet underperforming pieces of the booking experience caught my eye — the itinerary flow. This is the journey a guest takes from selecting a hotel to confirming their stay.

On paper, it worked. But when I observed users — hotel guests, travel agents, and corporate bookers — it didn't feel smooth. People would pause mid-way, unsure if their data was saved. Some dropped off and came back later, only to start over.

The redesign is now live across 3,000+ hotels, including CGH Earth — a group of award-winning eco-luxury properties across India — where guests can book multi-destination itineraries (Chettinad → Coorg, for example) in a single unified flow.

My Role

  • → End-to-end redesign of the itinerary booking flow
  • → User research with travel agents & front desk staff
  • → Designed multi-property booking capability
  • → Created transparent pricing framework
  • → Usability testing & iterative design

Scope

Ongoing project · 3,000+ hotels · Cross-functional team

02 — Problem

The Business Context

The itinerary flow was losing users at critical moments. Our analytics and support logs told a consistent story:

High drop-offs during itinerary selection and confirmation stages
35–40 seconds longer completion time compared to industry averages
Error-prone interactions around date selection and multiple room entries
No visual feedback for loading states — users thought the page froze
No option for multi-property bookings — travelers had to make separate bookings
Per-night pricing confused guests who expected total with taxes included

"I wasn't sure if my booking was saved. The page just froze. I ended up starting over on my phone."

— User feedback, session recording
03 — Research

Discovery & Research

Research Methods

10 interviews with travel agents and front desk staff who used the system daily
Session recordings from 200+ booking attempts — mapped exact friction points
Competitive analysis of Airbnb, Booking.com, and Cleartrip's multi-city booking flows

Key Insights

01
The UI felt transactional, not conversational. Users lost momentum and emotional investment mid-flow.
02
Per-night pricing created sticker shock anxiety — users had to mentally calculate totals with taxes.
03
Inclusions (breakfast, WiFi, airport pickup) were buried in fine print — users didn't know what they were paying for.

"If I could book 2–3 properties in one go, it'd save me so much time."

— Travel Agent

"Guests keep asking for the final total — the 'per night' pricing confuses them."

— Front Desk Staff

"Error messages come too late. I only realize something's wrong after I hit submit."

— User feedback
The Problem Nobody Had Solved

Designing a pattern
from scratch.

Every hotel booking platform in 2022 did the same thing: book one property at a time. If a guest wanted to stay at two CGH Earth properties back-to-back — Spice Village in Thekkady, then Kumarakom Lake Resort — they made two separate transactions in two separate flows, with no connection between them.

CGH Earth wanted to change that. The ask: let guests book a multi-destination itinerary as one journey. No one had built this before, not in this format. There was no reference design to follow.

The Gap I Was Bridging

Booking.com, Airbnb, MakeMyTrip — all required separate bookings per property, no unified flow
Hotels wanted guests to experience a narrative — Chettinad to Coorg — not two isolated transactions
The backend already supported multi-property reservations. The design layer was what didn't exist.
Travel agents booking on behalf of guests needed this most — they were doing it manually by phone

The Edge Case That Broke Everything

In early testing, guests kept setting overlapping dates. They'd pick Check-out from Property A on the 15th, then set Check-in at Property B on the 12th. Some selected identical dates for both properties, expecting to be at two places at once.

This wasn't user error. The design had no visual signal that dates across properties needed to flow sequentially. The form accepted impossible inputs without a single warning.

What I Got Wrong First

I assumed date logic was obvious.

My first design showed two independent date pickers — one per property. Clean, symmetrical, and completely wrong. There was nothing telling users that Property B's check-in had to follow Property A's check-out. Testers kept setting impossible bookings, got a generic error at the end, and had no idea why it failed.

The Fix

Make the constraint part of the UI.

Property B's check-in auto-populated from Property A's check-out date, with a clear "Continue your journey →" connector between them. If a guest manually overrode it with an earlier date, a conflict state triggered immediately — highlighted in amber, with a plain-English message and the correct date pre-suggested. The constraint became visible before it could be broken.

04 — Principles

Design Principles

Clarity

Every interaction must communicate purpose. No visual ambiguity. Users should never wonder "what does this do?"

Continuity

Steps should feel connected — part of one narrative. The booking should flow like a conversation, not a form.

Confidence

The design should constantly reassure users. Show totals, progress, and what's included — always.

Hypothesis
If we make the itinerary flow transparent, flexible, and forgiving — users will trust it more and complete faster.
05 — Structure

Information Architecture

I restructured the flow around a contextual progression: Place → Hotel → Dates → Rooms. Each step naturally feeds into the next, creating a narrative rather than a form.

Step 1
Place
City / Region
Step 2
Hotel
Property Selection
Step 3
Dates
Check-in / Out
Step 4
Rooms
Guests + Confirm
06 — Design

Design Solutions

Solution 01
Multi-Property Bookings

Travel agents told us repeatedly: "If I could book 2–3 properties in one go, it'd save me so much time." We added a subtle nudge — "Are you travelling to multiple locations?" — with an "Add Another Property" option.

Using Hick's Law, we avoided overwhelming single-property users. The multi-property option is visible but unobtrusive — a dashed border button that only expands when tapped.

Design decision: Each property card shows dates, room count, and inclusions inline. Users can see their entire trip at a glance without expanding anything.

Your Itinerary
The Leela Palace, Bangalore
Jun 15 → Jun 17 · 1 Room
✓ Added
🍳 Breakfast 📶 WiFi
Total ₹12,708 · incl. taxes
+ Add Another Property
Solution 02
Transparent Pricing
Before
₹10,769 / Night
+ taxes & fees at checkout
After
₹12,708 total · 1 night
Includes all taxes & fees
Room: ₹10,769 · GST: ₹1,939

We changed from ₹10,769 / Night to Total ₹12,708 — Includes Taxes & Fees. This single change reduced cognitive load dramatically.

I added a collapsible fee breakdown — taxes, service charges, discounts. Users who wanted details could see them; others got the confidence of knowing everything was included.

Design decision: A cleaner pricing display makes users perceive the price as more fair, even when the total is identical.

Solutions 03 — 06
Flow, Feedback, Inclusions & Hierarchy

Contextual Flow

Fields appear contextually, guiding users step by step. Each completed step collapses with a summary, keeping the interface clean and momentum alive.

Smarter Error Feedback

Switched to inline, real-time validation. If dates conflict, the calendar highlights the issue immediately. This one change reduced input-related drop-offs by 40%.

Visible Inclusions

Brought inclusions (breakfast, WiFi, airport pickup) right into the itinerary view — clearly visible, visually grouped with icons. Users reported feeling more value even when the offering hadn't changed.

Visual Hierarchy & Alignment

Redefined spacing with a 12-column grid and consistent 8px spacing. Typography hierarchy guides the eye: property name → dates → price → inclusions.

Room selection with rate plans and tax-inclusive pricing — CGH Earth
Multi-property checkout with transparent per-hotel pricing breakdown — CGH Earth
Left: Room selection showing rate plans, inclusions, and tax-inclusive totals — no surprises at checkout. Right: Multi-property summary with a transparent per-hotel pricing breakdown, grand total, and one-tap Book Now — live at CGH Earth hotels.
07 — Process

The Iterative Process

Week 1–2
V1 — Wireframes

Started with a linear flow that showed all fields at once. Testing revealed users felt overwhelmed. The multi-property feature confused single-property users.

→ Introduced progressive disclosure and contextual field appearance.
Week 3–5
V2 — Interactive Prototype

Much better flow, but pricing still caused confusion. Users paused at the total, mentally calculating if taxes were included. The inclusions were in a separate tab nobody clicked.

→ Moved to total-first pricing with inline inclusions. Added fee breakdown toggle.
Week 6–8
V3 — Refined Design

Travel agents loved the multi-property flow but wanted to see all properties summarized before confirming. The progress indicator was too subtle.

→ Added itinerary summary view and made progress bar more prominent with step labels.
08 — Transformation

Before vs After

Old Flow

Friction & confusion
  • Rigid multi-step process with no context
  • Per-night pricing — no total shown
  • No progress feedback or loading states
  • Single property at a time only
  • Inclusions buried in fine print
  • Errors shown only after submission

New Flow

Clear & confident
  • Contextual flowing steps with progress
  • Transparent total with tax breakdown
  • Clear visual feedback at every step
  • Multi-property booking support
  • Inclusions visible inline with icons
  • Real-time inline validation
35–40s longer20% faster completion
09 — Results

Results & Impact

35–40s slower
20%
faster completion
Booking time
frequent errors
40%
fewer form errors
Inline validation
high mid-flow
25%
lower drop-off
Funnel drop-off rate

"I can now book a multi-city trip in one session. My clients love seeing the full itinerary before confirming."

— Travel Agent

"It finally feels like one trip, not three separate forms. The total pricing with inclusions gives me confidence."

— User feedback
−35%
Support calls
22%
Multi-property bookings
−50%
Error tickets
+28%
Guest satisfaction
10 — Reflection

Key Learnings

01

Transparency builds trust

Showing total pricing with tax breakdown didn't just reduce confusion — it increased perceived fairness. Users who see a clear price feel less anxious about hidden costs, even if the total is higher.

02

Contextual > comprehensive

Showing everything at once overwhelms. Showing the right thing at the right time guides. The contextual flow pattern — where each completed step collapses — kept users focused.

03

Design for the journey, not the form

The old flow treated booking as a data-entry task. The new flow treats it as a trip-planning experience. This mindset shift changed everything about how we designed each step.

04

Inclusive simplicity scales

The multi-property feature was designed for power users, but the clean interface benefited everyone. Simplicity isn't about removing features — it's about revealing them at the right moment.

Great design isn't about adding features — it's about removing friction. Design that makes the invisible, intuitive.