# Direct Bookings Mobile Onboarding

A single onboarding moment that has to explain why direct bookings are worth caring about — to someone whose earnings screen currently reads zero.

- **By**: Zineb Lahrach — https://zinebla.com
- **Context**: Travel technology · mobile app for hotel partners
- **Role**: Product Designer — mobile UX, interface design, illustration direction
- **Focus**: Mobile App Design, UX Design, UI Design, Onboarding

## At a glance

- A single-screen onboarding sheet rather than a multi-step carousel
- Framing the empty first-run state as opportunity, not absence
- Earned and Missing Revenue given deliberately different visual weight

## The problem

Onboarding is hardest when the product has nothing to show yet. A hotel partner opening this app for the first time sees an earnings screen reading $0.00, with 0% against last year. Every number that is supposed to demonstrate value is, at that exact moment, evidence of its absence.

The job of this screen is to convert that emptiness into a reason to continue. Not by hiding it, and not by congratulating the user for having done nothing, but by explaining what the number will measure and why it is worth filling.

## One screen, not a carousel

The onboarding is a single bottom sheet over the dimmed earnings screen, with one heading, one short paragraph, and one action. There is no step counter and no swipe sequence.

Multi-step onboarding carousels are easy to design and easy to dismiss. They ask for a commitment before the product has earned one, and they usually get skipped in full — which means the one thing worth saying gets lost along with the four things that were not. Here there is exactly one idea: skipping suppliers means better rates, more control, and more revenue. That fits in one sheet, so it gets one sheet.

Keeping the earnings screen visible and dimmed behind the sheet is part of the argument. The user can see the thing being explained while the explanation is on screen, so the sheet reads as annotation rather than interruption.

## The sheet itself

The illustration shows stylised booking rows with currency floating above them — a literal picture of the sentence underneath, rather than decoration. It uses the same rounded row shapes that appear in the real interface, so the illustration and the product are recognisably the same world.

"Maximize your Earnings with Direct Bookings" is set over two lines, with the line break placed so that "Direct Bookings" lands together. The supporting paragraph is deliberately short and names three concrete benefits in one sentence.

The call to action reads "Start exploring" rather than "Get started" or "Continue". Exploring sets an honest expectation — there is nothing to collect yet, only something to look around. A dismiss control sits in the corner, because onboarding that cannot be closed is a trap, not a guide.

## Earned and Missing Revenue

The screen behind the sheet is built around a deliberate asymmetry. Earned sits in a filled dark-teal card with the figure in white — it is the primary, the number the product exists to grow. Missing Revenue sits below in a light grey card, same typographic scale, much lower contrast.

Both numbers read $0.00 on day one, and the styling is what separates them. The cents are set lighter than the whole units in both figures, which keeps the eye on the magnitude rather than the precision.

Naming the second figure "Missing Revenue" rather than "Lost Revenue" was a small but considered choice. Missing is recoverable. Lost is a verdict, and a verdict is a poor thing to hand somebody in their first thirty seconds with a product.

Beneath both, a Pending and Accepted tab pair gives the screen somewhere to go once there is real data, so the empty state and the populated state are the same layout rather than two different designs.

## What I would explore next

The open question is what happens on the second and third launch. A first-run sheet solves the first session; it does not solve the partner who returns a week later and still sees zero.

There is also a measurement question I would want answered before defending any of this: what proportion of partners dismiss the sheet without reading it, and whether "Start exploring" outperforms the alternatives in practice rather than in argument.

---

Canonical HTML version: https://zinebla.com/work/direct-bookings-mobile-onboarding