← Back
Illustrated character holding a key beside a passcode keypad

This one’s locked.

This one isn’t public. Booking.com for Business App requires a passcode.


AI Expense Automation Claimable Reports Post-Booking Management Mobile-Only Deal

Booking.com for Business App
Designing the missing layer of business travel.

The desktop product supported booking — but the experience stopped the moment travelers were on the move. I led the design of a new mobile touchpoint that extends the journey beyond booking.

Booking.com for Business app — animated preview of the expense flow
Role
Product Design Lead
Scope
Problem framing → MVP direction
Timeline
3 months · 2025
Platform
iOS · Android (hybrid + native)
Outcome
New touchpoint for 20K users
00 · Overview

The product stopped where travelers needed it most.

Booking.com for Business handled booking well on desktop — then went silent for the entire trip and the expense chaos that followed. This case study covers how I framed that gap, shaped the concept, and defined what to build first under ambiguity.

A journey cut in half

Business travelers could book on desktop, but had no product in their pocket during the trip — and faced fragmented, manual expense workflows after it.

Extending the journey beyond booking

A lightweight mobile layer focused on one critical job: capturing and organizing expenses during the trip — powered by AI receipt automation.

A new mobile touchpoint

Shipped as a beta to 20,000 business users in 3 months, introducing an entirely new in-trip behavior for the product line.

My role — from problem framing to MVP direction

  • Identified and framed the post-booking gap as the real opportunity
  • Aligned product, engineering, and partners around one focused scope
  • Shaped concepts and defined the MVP under ambiguity
  • Designed the end-to-end expense flow, components, and interactions
01 · Context

Booking.com had an app.
Booking.com for Business didn't.

Two products, two realities: the leisure app was mature and loved, while the business product lived only on a desktop portal. For anyone mid-trip, B4B simply wasn't there.

Leisure Booking.com app beside the Booking.com for Business desktop portal
The leisure product had a mature app; the business product lived only on desktop.
The deeper gap

One trip, three stages — coverage ended at stage one.

Mapping the business trip end-to-end reframed the brief: this wasn't just a missing app. Booking was the comfort zone — everything the traveler actually does on the road, and the expense work that follows, had no product at all.

✓ Covered

Pre-trip

Search. Book.

Desktop booking worked well. This was the product's comfort zone.

✕ Nothing

During trip

Navigate. Track.

No product in the traveler's pocket. Trip details lived in email threads.

✕ Nothing

Post-trip

Reconcile. Report.

Receipts in camera rolls, spreadsheets, and reimbursement portals — all manual.

The biggest gap appeared after booking.

02 · Clarify Problems

Reframing the brief before designing anything.

The easy read was "we need an app." Research pointed somewhere more specific — and more valuable.

The problem wasn't "no app."
The real issue was a broken post-booking workflow.

Finding #1 — Users stitched together multiple tools for every trip

Each expense round-trip crossed five disconnected surfaces:

Booking Portal Email Inbox Camera Roll Notes App Expense Tool

Finding #2 — Expense behavior was already happening on mobile

"I lost my invoice, so I cannot get reimbursed."

— Business traveler, user interview

"I always need to collect receipts, take photos, and email them to my admin."

— Business traveler, user interview

Drawing the line: focus as a deliberate act

Full mobile parity

Rebuilding the entire desktop product would take 12+ months — mostly features travelers don't need mid-trip.

Post-booking & expense

The highest-pain, highest-frequency moment. Where the product was absent and behavior already existed.

Shippable & validated

A scope we could ship fast, validate with real users, and carry lower partner risk.

03 · Shape Concept

Choosing what not to build.

A mobile layer — not a desktop mirror.

Desktop parity on mobile

  • 12-month build before any user value
  • Recreates features not needed in-trip
  • High engineering and partner risk
  • Delays learning about real behavior

Lightweight mobile layer

  • Trip details at hand during travel
  • Receipt capture at the moment of spend
  • Expense management on the go
  • Ships in one quarter, validates fast
1

The MVP was narrowed to a single critical job: capturing and organizing expenses during the trip — not after it.

04 · Explore MVP

From principle to pixels — and every trade-off in between.

Architecture, build strategy, components, and flows were each treated as an explicit design decision with a rationale.

Information architecture

The leisure app shell was reused; the "Explore" tab was replaced with "Expenses" — putting the new job one tap from home.

Home
Booking Trips Expenses ★ My Trips Account
Leisure app tab bar compared with business app tab bar where Saved becomes Expenses
Reusing the leisure shell: the "Saved" tab becomes "Expenses" — the new core job.
Information architecture screens: Home, Booking Trips, Expense, My Trips, Account
Final IA — designed to optimize speed to learning and MVP delivery.

Build strategy: native vs. hybrid

Fully nativeHybrid wrapper + native expense
ExperienceConsistent design end-to-endWeb wrapper for booking; native where interaction quality matters most
Time to ship6–12 months~3 months
Risk & learningHigher upfront risk, slow feedbackLower risk, faster iteration on the core hypothesis
Decision: a hybrid wrapper with native expense capture — to validate the behavior in weeks, not quarters. Hybrid bought speed; native expense bought credibility where it counted.

New component: the expense card

A single card had to communicate where each expense sits in its lifecycle. Tap a status to see the design intent:

To be reviewed — the default state after AI capture. Signals that the entry exists but needs a human glance before it can travel further.
Expense card component in four states: to be reviewed, reviewed, exportable, disabled
The expense card across its four lifecycle states.

Two candidate flows, one deliberate comparison

Both flows were prototyped and compared on friction, cognitive load, and error recovery.

Capturephoto · gallery · file · manual AI Scanauto-extract fields Reviewrequired before lists Create lists Export report

Trade-off: guarantees clean data early, but interrupts users mid-capture — high friction at the worst moment (standing at a counter, receipt in hand).

01 · Capture

Snap a receipt — AI extracts the fields.

02 · Review

Confirm vendor, price, date, category.

03 · Export

Share the claimable report — PDF or CSV.

The shipped flows, recorded from the live build — capture, review, export.

AI Expense Automation

The AI does the data entry. The user keeps the judgment.

Snap a receipt and the app auto-creates the expense — vendor, price, currency, transaction date, category, and city extracted automatically. The design principle: automate extraction, never automate accountability. Review stays a human act, and only reviewed expenses can enter a claimable report.

01 · CAPTURE

Any receipt, any way

Take a photo, pick from the gallery, upload a file, or enter manually — capture meets users wherever the receipt is.

02 · AUTO-CREATE

AI turns pixels into records

Fields are pre-filled from the scan and the expense lands in the list as "To be reviewed" — zero typing at the counter.

03 · REVIEW & EXPORT

Human-confirmed reports

Users double-check AI output on their own schedule, then export a claimable report from reviewed expenses only.

05 · Test & Ship

Testing settled the debate — then sharpened the details.

Usability Lab
6
moderated sessions
Participants
Business travelers, in-person
Focus
Core expense tasks · Flow 1 vs Flow 2
Verdict
Flow 2 won — capture stays uninterrupted; Review became optional before export
Moderated usability testing session with a participant using the prototype on a phone
Six moderated sessions settled the flow debate with evidence, not opinions.

Two findings earned a fix before launch

I triaged everything testing surfaced into one question: does this block the core loop? Two issues did. Each shipped as a concrete fix in the same release — observed problem in, design decision out.

01

Export was valuable — but hidden

Blocked the loop
What we saw

Users wanted the claimable report — it was the reason they'd adopt the app — yet consistently failed to find where to generate it.

What we shipped

Export promoted to a primary action directly on the expense list screen, so the feature's value is visible at the exact moment of need.

Before and after screens showing Export promoted to a primary action on the list screen
02

The review step needed clearer signals

Blocked the loop
What we saw

Users didn't understand why some expenses couldn't be exported, or what "reviewing" actually unlocked — the system had rules it never explained.

What we shipped

An explicit rule banner — "Only reviewed expenses can be included in your report" — plus persistent Reviewed status tags on every card.

Export screen with rule banner: only the reviewed expense can be exported, plus Reviewed status tags
From validated flows to shipped product

Three launch tracks, run in parallel

Validated flows aren't a launch. I ran three tracks alongside the build — experience quality, distribution, and the new behavior story — so day one felt like a product, not a beta.

01

Make hybrid feel native

The wrapper view is where hybrid apps usually fall apart. We re-styled the shared web surfaces — starting with the home page — so the seam between native and web was nearly invisible.

Current versus updated hybrid home page, restyled so the native-web seam is nearly invisible
The restyled wrapper home page (current → updated).
02

Open the front doors

Discoverability decides adoption: if travelers can't find the feature at the right moment, it doesn't exist. We shipped an in-product banner on the desktop portal and a GTM landing page with QR download.

In-product banner on the desktop portal inviting users to try the beta app
In-product banner.
GTM landing page: from travel to expense, all in one app, with QR code download
GTM landing page + QR.
03

Sell the new behavior, not the app

The MVP's real promise was a behavior change: manage expenses while traveling instead of reconstructing them after. Every launch message led with that shift.

During the trip — not after itcreate lists · review · export claimable reports, from your pocket

Book on the Booking.com for Business app and let our AI automatically turn your receipts into expense reports.

Launch messaging · in-product banner
06 · Impact & Reflection

Choosing where to intervene matters most.

0
business users at beta launch
0
months from framing to ship
0
critical job, deliberately chosen

Scope is a design tool.

Narrowing to one job was the highest-leverage decision of the project — more than any screen or component.

Behavior first, product second.

Users were already capturing receipts on mobile. We didn't have to invent a behavior — just meet them where it happened.

Hybrid is a means, not an end.

Hybrid bought us speed to validate; native expense capture bought us credibility. Technology choices served the learning goal.