
Book It — Hotel Booking App
UI/UX Designer
16 weeks
iOS & Android app design
iOS · Android
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
Got a project that deserves better design?
Available for senior UI/UX roles and select freelance engagements.