UX/UI Case Study

Bon Voyage — a unified travel planner for every kind of traveler

Bon Voyage is a mobile travel tool that provides curated suggestions and local insights for cities around the world. The goal was to design a single platform that covers every stage of trip planning — from itinerary building to on-the-ground exploration.

Role
UX/UI Designer
Duration
4 Sprints
Tools
Figma
Deliverable
High-Fidelity Prototype
Bon Voyage mobile app cover showing Tokyo destination screens

Trip planning shouldn't need five different apps

Problem

Existing travel apps fail to deliver a truly personalized local experience. Users were left piecing together multiple tools just to plan one trip — costing time and adding friction to something that should feel exciting.

Goal

Build a flexible, unified travel planning app that serves every type of traveler — from budget-conscious trekkers to casual tourists — making trip planning smart, simple, and enjoyable.

Understanding how people actually travel

I conducted user interviews to understand real travel behavior and pain points before defining the solution.

  • 80% of users were budget-conscious and wanted assurance that every dollar spent was worthwhile.
  • 90% cared deeply about what was nearby their destination — restaurants, bars, local stores.
  • Most users planned and saved for trips at least once a month, suggesting habitual engagement with a planning tool.

Mapping the competition, then the mood

A competitive analysis was conducted to map the landscape and identify gaps in existing travel apps — understanding what competitors do well and where they fall short informed the product direction.

View Competitive Analysis →

Mapping every path through the app

Before wireframing, I mapped the full application structure — from splash screen through sign-up, onboarding, and every tab in the bottom navigation. This kept the flows consistent and made sure no screen was designed in isolation.

Let the imagery do the work

The wireframe priority was clarity and speed. Since users rely heavily on visuals when exploring destinations, I led with photography and kept text minimal — letting imagery do the work while reducing cognitive load.

Setting the emotional tone

Warm, golden-hour travel photography paired with a focused color palette — teal, coral, mustard and sky blue — set the emotional tone before any UI was drawn, keeping every screen feeling like an invitation to go somewhere new.

From validated wireframes to a tested prototype

Approach

After wireframes were validated, I moved into high-fidelity screens — building simple, purposeful UI elements that kept the experience friendly and intuitive throughout.

Iteration

An interactive prototype was built to validate the full user flow across all screens. Navigation, micro-interactions, and task completion were tested to ensure the experience held up end to end before final delivery.

Onboarding to destination, in one cohesive interface

The final UI delivers a unified travel experience — destination discovery, local recommendations, and itinerary planning in one cohesive interface. Every screen was designed to feel lightweight and confident, matching the tone of the traveler it's built for.

Welcome
Create Account
Onboarding
Home
Explore
Destination
Tour Detail & Booking
Profile & Journal

Try it yourself

Click here to try out the prototype

In the final stage, I built an interactive prototype to validate the user flow. All screens were tested to ensure smooth navigation and functionality.

Try the Prototype →

What I learned

This project strengthened my ability to design for a diverse user base with varying budgets, travel styles, and expectations. The key lesson: when the subject matter is inherently visual, let the design reflect that — imagery-first layouts outperformed text-heavy alternatives in every round of feedback.

Limited usability testing rounds were the main constraint. Future iterations would benefit from A/B testing on key flows to validate navigation decisions with harder data.

If you want to talk more about the project, I'd like to hear from you :)

Have a project in mind, or want to see more of the process behind Bon Voyage? Get in touch.

More Case Studies
Floracracy → Voluntopia → First Cover →