Roamly Travel Planning & Booking App Redesign

Roamly is a 4-month end-to-end redesign of a travel planning and booking mobile app used by independent and group travelers across 18 countries.

Role

Product Designer

Product Designer

Duration

4 months

4 months

Tools

Figma, Useberry, Hotjar

Figma, Useberry, Hotjar

Team

1 PM, 2 Engineers, 1 Motion Designer

1 PM, 2 Engineers, 1 Motion Designer

Mobile UI Cover page
  • Table of Content
    No headings foundSelect the Frame that wraps your article content → open Accessibility → set Tag to main, article, or section.This message disappears as soon as headings are detected.

Project Overview

Roamly is a travel app serving 300,000+ active users across 18 countries, helping travelers discover destinations, plan itineraries, and book flights, hotels, and experiences in one place. The app had been built feature-by-feature over 4 years without a unified design vision, resulting in a fragmented booking experience that was losing users to leaner competitors.

I joined as Lead Product Designer to redesign the end-to-end travel planning experience, from destination discovery through to post-booking trip management, with a focus on reducing decision fatigue and increasing booking completion rates.

300K+

Active Users

18

Countries

12

Cities Served

Problem Statement

Roamly's app had a 61% booking abandonment rate, with users dropping off primarily during the search and comparison phase. The core problem was information overload - too many options, too little personalization, and a checkout flow that required users to re-enter details they had already provided at sign-up.

  • 74% of drop-offs occurred during the hotel and flight comparison screens

  • Users spent an average of 11 minutes browsing before abandoning without booking

  • The itinerary builder was discovered by only 18% of users despite being a flagship feature

  • Group booking required each traveler to create separate accounts and merge manually

  • App Store rating had dropped from 4.4 to 3.6 over 12 months

Research & Discovery

I led a 3-week research sprint combining diary studies, exit survey analysis, session recordings via Hotjar, and a competitive audit of 8 travel platforms including Airbnb, Booking.com, and Google Travel.

18

User Interviews

3,200

Session Recordings Analyzed

6

Competitor Audits

Key Findings

  • 68% of users felt overwhelmed by the number of search results with no smart filtering

  • Solo travelers wanted curated recommendations based on travel style, not just price

  • Group travelers abandoned the app entirely due to the lack of collaborative planning tools

  • The checkout flow had 9 steps - users expected 3 based on competitor benchmarking

  • Push notifications were irrelevant and untargeted, leading to 82% opt-out rate

User Persona
User journey map

Ideation

I ran a 2-day design sprint with the product and engineering team alongside 3 real Roamly users as co-designers. Using travel-specific how-might-we prompts, card sorting for navigation structure, and rapid storyboarding, we generated 100+ concepts and narrowed to 2 strong directions.

We chose "WanderMode" - a concept built around a travel style quiz at onboarding that personalizes the entire app experience, replacing generic search results with curated destination cards, smart price alerts, and a collaborative trip board for group travelers.

sprint plan

User Flow

I mapped 4 primary journeys across 2 user types: solo traveler and group organizer. The priority flow was the end-to-end booking journey, targeted to reduce from 9 steps to 3.

  • Destination discovery to trip board - personalized feed with travel style filters, save-to-trip functionality, and shareable trip links for group input

  • Search to booking - smart filters surfacing the top 5 options based on user preferences, with a one-screen comparison view and pre-filled checkout using saved traveler profiles

  • Group planning - shared trip board where all members vote on options, split cost estimates, and confirm bookings simultaneously

  • Post-booking trip hub - single screen showing all confirmed bookings, packing checklist, real-time flight updates, and local tips for the destination

user flow

Wireframing

I designed wireframes for 28 key screens across all 4 user flows, moving from rough sketches to mid-fidelity component-based layouts across 3 iteration rounds. Each round included structured walkthroughs with 5 travel user participants recruited via Lyssna.

The final wireframes achieved an 89% task completion rate in structured walkthroughs, compared to 47% on the original app.

Visual Design

The visual direction needed to feel inspiring and aspirational while remaining fast and functional during active trip planning. I built a design system anchored in a deep ocean blue and warm sand palette, with a coral accent for calls to action and price highlights. Photography-forward cards with strong typographic hierarchy bring destination content to life without competing with functional UI elements.

color palette
typography

Prototyping & Testing

I built a high-fidelity interactive prototype in Figma covering all 4 primary user flows and ran 4 rounds of moderated and unmoderated testing with 26 participants across solo traveler and group organizer personas using Maze for remote benchmark testing.

28 Test Participants 4 Testing Rounds 91% Task Success Rate

Iterations & Refinements

Iteration 1: Replaced the 9-step checkout with a 3-step flow using saved traveler profiles and pre-filled payment. Result: 54% reduction in checkout time and 38% increase in booking completion in beta testing.

Iteration 2: Added a collaborative trip board with real-time voting and cost splitting for group travelers. Result: Group session duration increased by 3.2x and group booking completion rate rose from 12% to 41%.

Mobile UI Mockup
Mobile UI Mockup
Before
After

Final Design

The final design, "WanderMode," delivers a personalized, inspiration-first travel planning experience that scales from solo weekend trips to complex multi-destination group itineraries. Key features include:

  • Travel style onboarding quiz that personalizes discovery, recommendations, and price filters

  • Smart destination feed with curated cards based on travel history and saved preferences

  • 3-step booking checkout with pre-filled traveler profiles and one-tap payment

  • Collaborative trip board with real-time voting, shared itinerary, and cost split calculator

  • Post-booking trip hub with live flight status, hotel details, and local tips

  • Smart price alert system with personalized drop notifications based on saved searches

  • Full WCAG AA accessibility compliance with dynamic text sizing support

Mobile UI Mockup
Mobile UI Mockup
Mobile UI Mockup
Mobile UI Mockup
Mobile UI Mockup
Mobile UI Mockup
Mobile UI Mockup
Mobile UI Mockup
Mobile UI Mockup
Mobile UI Mockup

Impact

61% to 28% Booking abandonment rate improvement 3.6 to 4.7 App Store rating improvement 3.2x Increase in group session duration

"We had tried to fix the booking flow twice before. This redesign is the first time users have actually told us the app feels fun to use."

35%

Faster Planning

28%

More Itineraries

22%

Higher Bookings

This update completely changed how I use the app. I placed my usual order in under 2 minutes.

This update completely changed how I use the app. I placed my usual order in under 2 minutes.

Lessons Learned

  • Travel decisions are emotionally driven - design for inspiration first, transaction second

  • Personalization at onboarding pays compounding dividends across every downstream screen

  • Group travel is a massively underserved use case in most travel apps and a real differentiator

  • Pre-filling known information at checkout removes the single biggest friction point in booking

  • Photography quality inside the app directly impacts perceived trustworthiness and booking intent

Next Steps

  • Introduce AI-powered itinerary generation based on destination, duration, and travel style

  • Build a local experiences marketplace with curated guides from verified local creators

  • Develop a web companion app for pre-trip research and post-trip photo journaling

  • Run a 6-month longitudinal study measuring rebooking rate and lifetime value impact

  • Expand collaborative trip board to support corporate and team offsite travel use cases

Ready to Elevate Your Product Experience ?

Whether you're launching a new product or refining an existing digital product, I'm here to help. Share the details about your project and I'll get back to you to work something out.

Let's
design
shape
elevate
incredible work together.
  • Social

  • Location

    New York , USA

Let's
design
shape
elevate
incredible work together.
  • Social

  • Location

    New York , USA

Let's
design
shape
elevate
incredible work together.
  • Social

  • Location

    New York , USA

Create a free website with Framer, the website builder loved by startups, designers and agencies.