Voyager

Overview

Two hundred and seventy-seven. That's how many pages of travel content Expedia Group's path-to-purchase research says a traveller views in the 45 days before booking. Voyager is a concept that takes that number personally: one app that carries someone from "where should I go?" to a confirmed, day-by-day itinerary — browse, plan, pay, travel — without ever leaving. I designed it end to end: information architecture, flows, UI across every screen, and the design system.

Context

Travel today is one of the most fragmented things people do on a phone. Inspiration lives on one app, flights on another, hotels on a third, maps on a fourth, and the actual day-to-day plan usually ends up in a notes doc or a spreadsheet. The category has split into two camps that don't quite meet: planners and organisers that build great itineraries but can't book, and booking engines that sell inventory but don't own the day-by-day plan. Even the incumbents are visibly trying to close that gap — Booking.com has extended from hotels into flights, cars, and cruises, and Airbnb is layering in Experiences, services, and airport pickups — both openly chasing a travel "super-app." Voyager is a concept that starts from that same direction and asks what one continuous flow, designed from scratch, could feel like.

Problem

Booking a trip usually means bouncing between an inspiration source, a flight site, a hotel site, a maps app, and a notes doc for the day-to-day plan. The cost lands on both sides: travellers lose the joy of the trip in tab-juggling and admin, and no single product owns the full journey, so each tool only captures a slice of the intent and a slice of the value. The design challenge: hold the entire journey — discover, plan, book, and travel — in one app, and keep it feeling like an adventure rather than admin.

Research

The evidence base here is a competitive teardown of real travel apps plus published path-to-purchase data — not travellers. Nobody was interviewed or tested, and that gap is exactly what the Reflection owns. What the landscape itself says is still substantial:

1. The fragmentation is real, and getting worse.

   Expedia Group's path-to-purchase research found travellers view roughly 277 pages of travel content in the 45 days before booking, moving across OTAs, airline sites, hotel sites, and meta-search, with page views spiking toward the final day. The problem Voyager is built to solve isn't shrinking, which justifies the core bet: collapse discover → plan → book → travel into one flow.

2. There's a genuine gap in the middle.

   TripIt, Wanderlog, and Google Travel organise bookings made elsewhere but can't sell inventory; Hopper, Booking.com, and Airbnb sell inventory but don't own the day-by-day plan. Voyager's design — a real booking stepper sitting directly beside a day-by-day itinerary and a documents wallet — aims squarely at the seam neither side fully covers.

3. Real planning still leaks into ad-hoc tools.

   People fall back on Notes apps, Google Docs, and spreadsheets to hold the plan together, which is exactly why TripIt's most-loved feature is an offline master itinerary. That told me the day-by-day itinerary and the documents wallet aren't decorative add-ons — they answer the "keep it together, available offline" need head-on.

4. The all-in-one scope matches where the category convention sits.

   Points-for-upgrades loyalty (Booking.com's tiered Genius programme, Hopper's Carrot Cash credits) is a proven, expected mechanic, not an invention — so a Gold-tier rewards screen reads as table stakes. And the consolidation Voyager assumes is the same direction the incumbents are already moving, so the scope is aligned with the industry, not a contrarian bet.

Goals & signals

Each goal is a bet the four-step stepper makes; beside it, what would prove that bet.

1. A traveller goes from a destination card to a booked, day-by-day itinerary without leaving the app.

   Success signal

   The discover → plan → book → travel path completes in one unbroken flow.

   Design intent

2. Orientation never breaks during booking — where the research shows the journey gets most chaotic.

   Success signal

   A persistent four-step stepper always shows where you are and what's left.

   Untested hypothesis

3. The plan stays available after booking, not stranded in a notes doc.

   Success signal

   The day-by-day itinerary and travel documents are reachable offline, in one place.

   Design intent

Strategy

A few decisions shaped the whole product.

1. Two moods, on purpose.

   The browse-and-dream screens — home, search, map, trips, profile — sit on deep navy with a topographic-map motif and warm orange, so they feel like wanderlust. The task-heavy screens — the booking steps, details, settings — flip to clean light backgrounds so picking dates, paying, and reading an itinerary stay legible and unhurried. The app changes its tone to match what you're doing. That split maps onto a real tension in the journey: inspiration is emotional and open-ended, but booking and itinerary-reading are high-stakes and demand legibility.

2. A booking flow you can always orient in.

   A persistent four-step progress stepper — dates & guests → customise → payment → confirmation — runs across the top of the flow, so the traveller always knows how far along they are and what's left. It's a deliberate counter to the research grind, where page views balloon near the purchase: orientation is the design response to a journey that the data shows gets more chaotic as booking approaches.

3. One warm accent doing the work.

   Orange marks every primary action and highlight across both themes — Book Now, Continue, prices, active states — so the path forward is always obvious whichever mode you're in.

4. Inspiration first, logistics second.

   Home and search lead with photography — big, saveable destination cards with duration and price — putting the dream up front, with the practical filters (flights, hotels, tours, packages) one tap away.

Design

Onboarding & account

A topographic splash — "your world awaits" — into a three-step intro that frames the value (explore 150+ countries, AI-built itineraries) over immersive destination collages. Sign-up is a warm, branded screen over the same topographic pattern, with Google and Apple options.

Discover

Home opens with a personalised greeting, a prominent search, and curated rows — Explore, a limited-time offer, Top Rated — each destination a photo card with duration, price, and a save heart. From there you can find destinations by query and filter chips (flights, hotels, tours, packages), open a full filter sheet to narrow by budget, duration, travel style, and rating, switch to a map view to browse by place, and keep favourites in a dedicated saved grid. Destination details give a full-bleed hero, the numbers that matter (days, rating, bookings), an overview, what's included, and a sticky price with Book Now.

Booking

The four-step stepper you can always orient in: pick dates and guests on a clean calendar with adult and child counts, customise the trip — flight class, travel insurance, guided tours, airport transfer — then pay, with an itemised breakdown (package, transfer, insurance, taxes) and saved cards, ending in a clear confirmation with a booking reference and ticket download.

Travel

This is where the plan lives once it's booked. A day-by-day itinerary lays the trip on a vertical timeline — flights, transfers, check-in, dinners — each with time, type, and detail, switchable by day. My Trips holds upcoming, active, and past trips as photo cards with quick actions, and Reviews shows an aggregate rating with a distribution breakdown and individual traveller reviews. The travel documents wallet keeps passport, licence, and insurance together — each with a validity status and a scannable QR — so the paperwork travels with the trip.

Profile & loyalty

Traveller stats, a Gold-member tier with points toward an upgrade, and shortcuts to bookings, saved places, payment methods, and promo codes — with a dedicated rewards screen to redeem points for upgrades, free nights, and discounts. Rounding it out: notifications group timely updates — flight confirmed, hotel ready, transport, deals, review prompts — an in-app support chat answers travel questions like visa requirements, and a settings hub covers account, preferences, currency, and privacy.

What revision caught

The stepper thesis nearly shipped with a hole in it: the payment screen — step three of the flow whose whole argument is "you always know where you are" — was titled Customise Trip, the step-two label. One mislabelled header, and the study's headline claim reads as decoration. The shipped screen says Payment, carries the traveller's own name on the card, and keeps the itemised math that already summed.

V1 — caught in revision

Shipped

Craft

A dual-theme system — deep navy with a topographic-map motif for the immersive screens, clean light surfaces for the task-heavy ones — unified by a single warm orange accent for actions and highlights. Photo-led destination cards, a four-step booking stepper, a five-slot bottom nav (Home, Search, Explore, Trip, Profile), and a geometric sans for headings paired with a clean UI sans.