Khant
Book It — Hotel Booking App

Book It — Hotel Booking App

Book It Travel, Southeast Asia · 2023
Role

UI/UX Designer

Timeline

16 weeks

Deliverables

iOS & Android app design

Channels

iOS · Android

Multi
Payment methods
50%+
Abandonment reduced
3.2K+
Bookings/month

Frictionless hotel booking designed around one insight: travellers abandon when payment gets complicated

Book It is a Southeast Asian travel booking app competing with giants like Agoda and Booking.com. Our differentiator: obsessive focus on payment friction. While competitors have users drop off at payment, we built an experience where payment feels inevitable.

The Problem: Cart abandonment at checkout

Analysis of competitor apps revealed a consistent pattern: users would browse hotels, load filters, apply promotions, find their perfect match — then abandon 40-50% of the way through checkout, almost always at the payment step.

Root causes:

  • Too many payment methods to choose from
  • Confusing currency conversions
  • Surprise fees revealed at checkout time
  • Loyalty/redemption options hidden or unclear
  • Mobile-specific: tiny payment form fields

My Approach: Payment is progress, not a barrier

01 Simplified payment method selection — Only show payment methods available in the user's country (geolocation-aware). Max 3-4 options. Support local payment methods prominently.

02 Transparent pricing at every stage — No hidden fees. "Breakdown" button always visible. Currency conversion explained before confirmation.

03 Loyalty moments — Surface available loyalty points/promotions at exactly the moment they matter (during checkout), not buried in settings.

04 Mobile-optimized forms — Large input fields, autofill everything possible, numeric keypad defaults for amounts.

05 Social proof at point of booking — "5 people booked this room today" appears during final confirmation to reduce last-minute hesitation.

06 One-tap repurchase — For returning users, save previous hotel preferences and payment method for future bookings.

Key Design Decisions

Payment method as primary decision point — Rather than hiding payment, make it a featured part of the filter/selection process. Users choose payment method early, which reduces surprises later.

Reward stacking — Let users combine multiple discounts (loyalty, referral, promo code) with visual clarity on how much they're saving.

Trust signals at checkout — SSL badge, money-back guarantee, 24/7 support link all appear during final confirmation.

Outcome: 50%+ reduction in payment abandonment

After launch, payment-stage abandonment dropped from 42% to 18% — a significant improvement. The app went from 500 bookings/month to 3.2K bookings/month within 9 months.

Impact metrics:

  • 50%+ reduction in payment abandonment
  • 76% of users complete booking after reaching checkout
  • 3.2K+ bookings per month (vs 500 at launch)
  • 4.6⭐ rating on both stores
  • 85% of new users book within 5 sessions
  • Mobile booking represents 68% of all bookings

Available on: App Store, Google Play

Let's work together

Got a project that deserves better design?

Available for senior UI/UX roles and select freelance engagements.