Less Planning, More Exploring: Designing the Travelpass Guide App for Seamless Adventures


📌 Role: UX Designer & UX Researcher
📅 Duration: May 2024 – November 2024
👥 Team: PM, QA, Architect , Developers (Front-End & Back-End), VP of product


Key screens at a Glance.


"Explore curated guides effortlessly."
Engage with event details at a glance."
"Discover locations visually through maps."


The Spark: Why We Built the Guide App
Simplifying trip planning while keeping the magic of discovery alive.
Imagine landing in a new city with no idea where to start—but a trusted friend's recommendations are right at your fingertips. That was the inspiration behind the Travelpass Guide App: to help travelers explore curated recommendations without the overwhelm of building complex itineraries.


User research revealed that travelers wanted quick, trusted recommendations from friends and family rather than full itinerary builders. This insight inspired a shift toward simplified, visually engaging content sharing.


The app was born from insights gained during the previous TRIP Project, which allowed users to create detailed itineraries. However, feedback revealed critical issues:
Too Much Effort: Users found it tedious to build complete trips.
Lack of Real-Time Usability: Desktop trip planning wasn’t practical for travelers on the go.
Visual Disconnect: Functional but uninspiring.
Key Insight


Design Mission: Bringing Travel Guides to Life
I aimed to craft a mobile experience that not only inspires action and engagement but also balances beauty with functionality, empowering users to feel both inspired and in control.
Core Objectives:
• Design a native mobile app tailored for both creating and exploring guides.
• Balance visual storytelling with practical functionality.
• Drive user engagement with interactive features like favoriting, following, and saving.
🌺 “Watch how a traveler uses my Oahu guide to discover the best açaí bowl spot—designed for effortless discovery.”
Challenge
Keep users creating and engaged.
Since May 2024, the Travelpass Guide App faced 3 key challenges as we aimed to keep users creating and engaged:
We needed to adapt the desktop web functionality to a mobile app by integrating key tools like maps and event cards while ensuring the smaller screen was clear and easy to use.
We needed to give content creators an easy and efficient way to build and publish guides using seamless editing tools and guided workflows.
1
We needed to design features that kept users engaged over time, such as social tools for following others and personalized collections for planning trips.
2
3


Designing for Two User Types
The biggest challenge was making the editing experience seamless and intuitive while handling the complexity of adding, organizing, and publishing content. Guide creation required multiple fields—image, tags, title, description, and location—which needed to feel structured yet effortless.
To prevent incomplete guides, we introduced a step-by-step publishing wizard, guiding users through required fields before finalizing. This ensured higher-quality guides while reducing errors and friction in the publishing process.
Improvements


SERVERITY
Ratings: 4
Streamlined Editing: Simplified guide creation with smooth drag-and-drop for easy event reordering.
Guided Publishing: Introduced a step-by-step wizard to ensure all required fields (image, tags, title, description, location) were completed before publishing.
User-Tested Iterations: Refined layouts and workflows through multiple design iterations to reduce friction.
Smart Defaults: Optimized empty states to provide clear guidance for first-time users.


From Desktop to Native App
To make guides more personal, we enabled users to upload their own photos on both desktop and mobile. The native app was optimized to showcase vibrant images, improving readability and usability. Previously limited to Google API images, the updated design allows custom uploads, creating a more engaging and inspiring trip-planning experience."
Improvements
1. Enhanced Visual Appeal: Larger, vibrant images and improved layout inspire travelers to explore new places.
2. Engaging Content: Personal notes and visuals make guides feel more trustworthy and relatable, enhancing the overall user experience.
3. Interactive Mapping: By dedicating a full-screen map view, users can now navigate seamlessly between a visual guide and detailed location data.




SERVERITY
Ratings: 3




Driving Engagement with Follows, Collections & Social Interactions
To ensure that users kept returning to the app, we needed to design features that made exploring guides feel interactive and personal. Simply viewing a guide wasn’t enough—we wanted to create ways for users to engage, save, and connect, turning passive browsing into an ongoing, immersive experience.
Improvements


SERVERITY
Ratings: 4
1. Follow & Social Features: Users could follow other travelers, allowing them to discover new guides from people they trusted.
2.Personalized Collections: Introduced "Save to Collection", letting users curate custom travel lists for future trips.
3. Engagement Metrics: Displayed views, shares, and saves to create a sense of social validation and encourage more interaction.




Success Metrics
To boost user participation and encourage guide creation, Travelpass launched a $20K incentive competition, resulting in 270 engaged users actively creating and sharing guides during the campaign. This initiative significantly increased content generation, social interactions, and feature engagement, validating the need for a more interactive, community-driven approach to travel planning.












What I’d Improve Next Time:
Design is an ongoing journey of refinement.
• Encourage Organic Content Creation: Explore lightweight ways to inspire guide creation without monetary incentives.
• Clarity Over Complexity: Large visuals work best when paired with simple, scannable layouts.
• Emotion Drives Engagement: People engage more with personal recommendations than functional lists.
• Refine Content Discovery: Improve filtering and personalized recommendations.
• Emotion Drive Engagement: People engage more with personal recommendations than functional lists.



