Case study · ZuBlu

Booking a dive tripin four steps

ZuBlu is a dive-travel booking experience for a resort holiday. We designed a four-step wizard that carries a diver from choosing dates and guests, through picking a room package and customising the diving, to a full review and a confirmed booking.

Web booking flowTravelMulti-step wizard
ZuBlu product screen
What we shipped
Four-step wizardRoom package comparisonPer-diver customisationMulti-currency total24/7 contactUX + UI design
01 — The product

One booking, built up a step at a time

The flow is a four-step wizard, and each step adds one layer to the trip. A diver chooses dates, guests and an activity; compares room packages for the resort; customises the diving with extra boat dives, rental gear, nitrox and transfers; then reviews the whole trip and books. A persistent stepper and a running total keep the diver oriented.

Start with the trip, not the form

The first step is dates, guests, rooms and the kind of diving a traveller wants, so the booking begins with the holiday itself rather than a wall of fields.

Packages compared side by side

Room types are laid out together with their inclusions, meal plan and price, so a diver can compare what each package gives them before choosing.

A total that keeps up

The price updates as diving, extras and transfers are added, shown in the traveller's currency and the resort's, so there are no surprises at review.

02 — The problem

Why is a dive-trip booking hard to design?

A resort dive holiday bundles several purchases into one, and a diver has to stay in control of all of them. Three problems shaped the wizard.

Room, meal plan, dives, courses and transfers are separate choices that add up to one booking; divers in the same party often want different things; and before committing, a diver needs to see the whole trip, the total and how payment works.

4

ordered steps carry a diver from dates to a confirmed, reviewed booking

03 — Goals & challenges

What the wizard had to get right

A resort dive holiday bundles several purchases into one, and a diver has to stay in control of all of them at every step.

Goals

What the flow achieves

  • Start with the trip, not the form. The first step is dates, guests, rooms and the kind of diving a traveller wants.
  • Compare packages side by side. Room types are laid out together with inclusions, meal plan and price.
  • Keep the total live. Price updates as diving, extras and transfers are added, shown in two currencies.
Challenges

Why it was hard

  • A trip has many parts. Room, meal plan, dives, courses and transfers are separate choices that add up to one booking.
  • The diving is personal. Divers in the same party want different things — more boat dives, rental gear, nitrox.
  • A big purchase needs a clear last look. Before committing, a diver needs to see the whole trip, the total and how payment works.
04 — A typical booking page vs. ZuBlu

What does a four-step wizard solve that a typical booking page doesn't?

A dive holiday bundles rooms, meal plans, dives and transfers into one purchase. Here is how the wizard answers each part, built from what the flow actually does.

The part of the trip
A typical booking page
ZuBlu's wizard
Comparing rooms
One package, take it or leave it
Room types laid out side by side by inclusions, meal plan and price
Customising the diving
One plan for the whole party
Each diver tunes extra boat dives, rental gear and nitrox individually
Knowing the total
A price that surfaces at checkout
A running total in the traveller's currency and the resort's, updating live
Committing
Charged immediately, little clarity
A review step shows the whole trip; booking is finalised within a day
05 — Inside the wizard

What does each step of the booking look like?

Four steps and a confirmation, each designed to keep a multi-part purchase clear from start to finish.

Dates
App preview
01 • Dates

Dates, duration, guests and the activity a diver is after - the booking starts with the shape of the holiday.

Package
App preview
02 • Package

Room packages are laid out together with inclusions, meal plan and price, so the choice is a comparison, not a guess.

Diving
App preview
03 • Diving

Each diver tunes their own package - extra boat dives, rental gear, nitrox - and transfers are added on top.

Review
App preview
04 • Review

The review step gathers the trip, the total and the payment details, and sets out what happens after the diver confirms.

Done
App preview
05 • Confirmation

A clear confirmation closes the flow, so a diver knows the booking went through and what comes next.

FAQ

Designing a multi-step booking flow

How do you design a booking flow with lots of moving parts?
You break it into ordered steps and never lose the total. ZuBlu splits a dive holiday into dates, package, diving extras and review, so a diver makes one kind of decision at a time instead of facing every field at once. A persistent stepper shows where they are, and a running price updates as they add rooms, dives and transfers, so a purchase with many parts still feels like a single, controlled decision.
Why customise the diving per diver instead of per booking?
Because a dive party is rarely uniform. One diver wants extra boat dives, another needs rental gear or nitrox, and a course might apply to only one of them. Designing the extras step around each diver, rather than the whole booking, means the trip reflects what every person on it actually wants - and it keeps the pricing honest, since each add-on is attached to the diver who chose it.
How do you handle payment and currency for international travellers?
You show the cost in terms the traveller understands and make the commitment feel safe. ZuBlu displays the total in the traveller's currency alongside the resort's, so there is no mental conversion at the point of paying. The review step collects guest and card details and is clear that the booking is finalised within a day rather than charged immediately, which suits a considered, higher-value purchase like a holiday.
What goes into designing a booking wizard like this?
The craft is in the sequence and the reassurance. Every step has to add exactly one layer, carry the running total, keep the resort and the diver's choices visible, and offer a way to reach a human at any point. Done well, a four-step wizard turns what could be an intimidating multi-part purchase into a calm, guided flow that a traveller completes in one sitting.
Let's build

Designing a multi-step booking flow?

Tell us how your business actually works and we'll tell you honestly what it takes to build - the steps, the pricing, the reassurance. No deck, no pitch.