copy

CASE STUDY

Bali Tour Booking App

Streamlined discovery-to-booking experience that helps travelers plan complete Bali trips without switching apps.

Mobile App Design Travel & Tourism iOS

ROLE

UI/UX Designer

PLATFORM

iOS Mobile App

TYPE

Personal Project

DURATION

4 Weeks

Bali Tour Booking App

This mobile app addresses a common pain point in travel planning: the friction of juggling multiple platforms to discover attractions, read reviews, plan itineraries, and book tours. I designed a unified experience that brings all these touchpoints together in a visually engaging, mobile-first interface.

Designed for tour operators and travel agencies who want to reduce booking abandonment by making the entire journey — from inspiration to confirmation — seamless and delightful.

DESIGN DECISIONS

What makes it work

Interactive Map Discovery

Users explore attractions geographically instead of scrolling endless lists. Spatial context helps travelers understand proximity and plan efficient routes.

Scannable Tour Details

Organized complex info — price, inclusions, itinerary, guides — into digestible chunks with clear visual hierarchy. Decisions in under 10 seconds.

Visual Itinerary Builder

Multi-day trip planning becomes a timeline view with day-by-day activities. Users see their entire trip at a glance, reducing cognitive load.

High-Impact Imagery

Large, immersive photos create emotional connection. Images aren't decorative — they're decision drivers that help users envision their experience.

Guide Trust Signals

Featured guide profiles with photos, ratings, and languages to build credibility. Instant messaging answers questions before booking.

Frictionless Booking

Reduced checkout to one tap with clear pricing, instant confirmation messaging, and real-time availability updates.

DELIVERABLES

What I delivered

A complete design system and high-fidelity prototype covering the full user journey — from inspiration to booking confirmation.

Complete user flow from discovery to booking confirmation
Interactive map with filter and search functionality
Tour detail pages with inclusions and itinerary breakdown
Multi-day trip planning interface with timeline view
Guide profiles with instant messaging integration
Booking flow with real-time availability
Navigation assistance with directions integration
Responsive design system and component library

CHALLENGES

Problems I solved

Information Overload

Tour pages typically cram pricing, schedules, inclusions, reviews, and guides into one overwhelming screen. I broke this into scannable sections with progressive disclosure — users see what matters first, then dive deeper.

Multi-Day Planning Complexity

Planning a 3-day trip means coordinating locations, timing, and activities across multiple bookings. A timeline view shows the full itinerary at a glance, with weather forecasts and navigation built in.

Trust & Credibility

Booking experiences with strangers requires trust. Guide profiles with photos, experience, languages, and ratings — plus instant messaging — let users ask questions before committing.

Mobile-First Booking

Most travelers research on mobile but book on desktop due to friction. Thumb-friendly interactions, large touch targets, and one-tap booking close the mobile conversion gap.

PROCESS

How I approached it

1

Research & Journey Mapping

Mapped the complete user journey from inspiration to post-trip, identifying key friction points and opportunities.

2

Flow-First Design

Designed screens as part of a cohesive flow, ensuring each step naturally leads to the next without cognitive jumps.

3

Visual Polish & Validation

Balanced emotion-driven imagery with clean layouts and clear CTAs, validating decisions with potential users.

USER FLOW

From discovery to booking

Each screen is designed to reduce friction and build confidence toward the booking decision.

01 · Discover

Explore attractions through an interactive map or curated collections, filtered by location, price, and activity type.

02 · Evaluate

Detailed tour pages with inclusions, itinerary, guide profiles, and authentic reviews to support informed decisions.

03 · Plan

Multi-day trip planning with timeline view, weather forecasts, and optimized routing between activities.

04 · Book

One-tap booking with saved payment methods, instant confirmation, and digital tickets delivered immediately.

KEY SCREENS

Home & Discovery

Home & Discovery

Large hero imagery, trending destinations, personalized recommendations, and quick access to saved trips.

Interactive Map

Interactive Map

Real-time map with attraction pins, radius filters, and cluster views. Tap pins for quick previews.

Tour Detail

Tour Detail Page

Rich media gallery, expandable itinerary, guide bios with messaging, pricing breakdown, and booking CTA.

Itinerary Builder

Itinerary Builder

Visual timeline with day-by-day activities, drag-and-drop reordering, conflict highlights, and navigation.

Guide Profiles

Guide Profiles

Photos, experience level, languages, ratings, and direct messaging — trust built before booking.

NEXT PROJECT

Cinema XXI App Redesign →

Movie ticket booking reimagined for mobile-first users