Lely Monalisa
Mobile App · Product Design

Building Booking Travel App

Mobile App · Product Design · Prototype

Building Booking Travel App

Designed a full-featured mobile booking travel app from scratch — covering onboarding, search, booking flows, payment, and post-booking management. The project focused on creating an intuitive end-to-end travel experience for mobile users.

Purpose

  • →Design a seamless mobile travel booking experience
  • →Cover full user journey from search to post-booking
  • →Build a clickable prototype for stakeholder validation

My Role

  • →End-to-end mobile UI design
  • →User flow and screen transition design
  • →Interactive prototype creation
  • →Design handoff documentation

Challenges

  • ⚡Designing a complex multi-step booking flow for small screen constraints
  • ⚡Balancing information density with ease of navigation on mobile
  • ⚡Creating a consistent visual language across many screen types

Design Process

01

UI Design & Prototype

2020

Designed the complete mobile app UI covering all major user flows including onboarding, search, booking, payment, and account management.

  • ·Onboarding and authentication screens
  • ·Search and filter flows
  • ·Booking and reservation screens
  • ·Payment and checkout flow
  • ·Post-booking management
  • ·Account and profile screens
  • ·Clickable prototype for user testing

Flow — Search to Booking

Designed a streamlined flow from destination search to booking confirmation.

Example: Travel booking journey

✅ Positive Flow (Success Path)

  1. 1Open app → onboarding / login
  2. 2Search destination → browse results
  3. 3Select option → view detail
  4. 4Confirm booking → payment
  5. 5Payment success → booking confirmation

❌ Negative Flow (Error Cases)

  • ✕No results → suggest alternatives or adjust filters
  • ✕Payment failed → retry with clear error message
  • ✕Booking expired → restart flow with saved inputs

Key Learnings

Mobile constraints drive better design decisions

Designing for small screens forces clarity — every element must earn its place, resulting in a cleaner, more focused experience.

Prototype early to validate flow assumptions

Building a clickable prototype revealed flow issues that static designs couldn't surface, saving significant rework downstream.

Results & Impact

📱

27+

Screens designed

Complete Screen Coverage

Designed 27+ screens covering every major user flow in the app.

✅

100%

Prototype ready

Clickable Prototype

Full interactive prototype delivered for stakeholder review and user testing.

Design Gallery

Onboarding — Screen 1
Onboarding — Screen 1
Onboarding — Screen 2
Onboarding — Screen 2
Onboarding — Screen 3
Onboarding — Screen 3
Search — Screen 1
Search — Screen 1
Search — Screen 2
Search — Screen 2
Search — Screen 3
Search — Screen 3
Booking — Screen 1
Booking — Screen 1
Booking — Screen 2
Booking — Screen 2
Booking — Screen 3
Booking — Screen 3
Booking — Screen 4
Booking — Screen 4
Booking — Screen 5
Booking — Screen 5
Payment — Screen 1
Payment — Screen 1
Payment — Screen 2
Payment — Screen 2
Payment — Screen 3
Payment — Screen 3
Payment — Screen 4
Payment — Screen 4
Account — Screen 1
Account — Screen 1
Account — Screen 2
Account — Screen 2
Account — Screen 3
Account — Screen 3
Account — Screen 4
Account — Screen 4
Account — Screen 5
Account — Screen 5
Account — Screen 6
Account — Screen 6
Account — Screen 7
Account — Screen 7
Account — Screen 8
Account — Screen 8
Account — Screen 9
Account — Screen 9
Account — Screen 10
Account — Screen 10
Account — Screen 11
Account — Screen 11
Account — Screen 12
Account — Screen 12

See more work on

Dribbble ↗