10 UX/UI Design·2023·Mobile app

One Step
at a Time

A German travel platform bundles city and beach trips into one booking. The logic is powerful; the experience was heavy. I redesigned it into a guided, mobile-first journey.

Voya redesign: three phone screens showing Thailand destinations, hotels and a booking step.
Role
UX research · UI design · prototyping
Domain
Travel · consumer
Tools
Figma
Type
Redesign
01The situation

Powerful logic, heavy experience.

Voya bundles city and beach packages, with flexible destinations, durations, airports and hotel dependencies. The legacy interface exposed the whole system at once, before anyone had expressed a single preference.

The legacy booking interface: dense dropdowns, promotional banners and price tables all on one desktop screen.
Legacy interface · full configuration upfront · desktop-first
02The problem

How do you make complex feel calm?

Without removing the flexibility. The old flow confronted people with dense dropdown logic, many decisions at once and competing price signals.

01
No progressive disclosure
Every option appeared at once, before a single preference.
02
Weak hierarchy
Prices, banners and filters competed for equal weight.
03
Competing actions
Many paths forward, none of them primary.
04
No sequence
Every step reachable from every other, so progress was invisible.
03Research

How the leaders handle it.

I compared how Booking.com, Airbnb and Google Travel deal with the same complexity: how they stage decisions, reduce cognitive load and show prices.

Comparison table of Booking.com, Airbnb and Google Travel across decision staging, reducing cognitive load and pricing clarity.
Competitive analysis · staging · cognitive load · pricing
04The approach

Three principles for staged complexity.

01
Stage decisions, never stack them
One choice per screen, in the order people think about travel, not the order of the database.
02
Delay complexity until it's earned
Advanced options appear once a core selection is confirmed.
03
Price means more in context
Pricing arrives after intent, beside the trip people have already chosen.
Derived from how leading platforms handle the same problem
05Mapping

Map the system before simplifying it.

The full journey laid out first, so the booking logic could be separated from the order people meet it in.

A large Figma map of the full booking journey, with screens grouped into flows.
System mapping · full journey · booking logic separated
06The design

One journey, four calm steps.

Destination, hotel, room, summary. One primary action per screen, a visible progress indicator throughout, and prices where they can mean something.

Four mobile screens: destination, hotels, rooms and the booking summary.
Destination · hotel · room · summary
07The flow

The whole booking, start to finish.

Destination, hotel, room, summary, played through in one go: complex underneath, calm on the surface.

The full interaction · destination to booking
08The system

Six changes replaced one overwhelming screen.

01
Step progression
The booking feels finite and achievable.
02
Calm visual system
Less colour noise. One thing matters per screen.
03
Typographic hierarchy
Size and weight signal importance before reading.
04
Pricing in context
After intent, beside the trip people chose.
05
One primary action
Every screen has exactly one obvious next step.
06
Less decision density
Each step asks for less. Complexity is earned.