NavARgate
Navigate together, every step of the way
NavARgate is an AR-powered mobile app that helps travelers confidently navigate complex transit hubs.
Built with empathy and intention, it is designed for today’s increasingly global and digitally connected world.
Timeline
Jan — May 2025
The Problem
Large airports and train stations can be disorienting, especially for unfamiliar, non-native, or accessibility-needing travelers.
Without real-time, personalized support, these moments often lead to unnecessary stress and anxiety.
Personalized Journeys:
Tailors routes based on booked flights, train details, and traveler-specific needs
Users input their travel information to receive:
Personalized step-by-step directions
Walking time estimates
Key checkpoints along the way
Integrated Transit Systems:
Combines airport and train station navigation into one seamless experience
Provides coverage across a vast network of airports and train stations worldwide
Real-Time Language Support:
Offers on-screen translations in the user’s preferred language
Removes the need to switch between external app
Theme 2: Guidance
Pain Point:
Participants felt unsure about what to do and where to go during check-in
Insight:
Clear, contextual guidance at key stages like check-in can reduce confusion
How Might We provide guidance for key stages like check-in?
Theme 4: Visual Clarity
Pain Point:
Participants found the size and layout of some airports to be overly complex
Insight:
Users benefit from a clear visual layout to reduce confusion in complex spaces
How Might We provide users visual clarity in high-stress environments?
AR Guidance
Step-by-step AR overlay guides users to key areas using visual cues
Shows amenities like food joints and stores along the journey
Includes a progress bar at the top to assist less experienced travelers
Provides real-time translation by scanning signages with the camera
Displays directions with optional voiceovers for easier navigation
Various Language Options
Users can select from a variety of languages based on their needs
The app will automatically display in the selected language and can be changed at any time in the settings
A mockup of the notification screen to review the overall aesthetic.
The initial screen users see when launching NavARgate
Add flight became its own bottom tab and requires less steps to access the main screen and has supporting text for users.
Similar to “Add Trips,” navigating train stations now has its own bottom tab called “Transit Map” to align with its purpose. Static transit hub maps still exist in sections like Travel Guide and Flight Details, as they typically require deeper navigation through secondary screens.
A screen was designed to showcase the amenities menu—such as food spots and lounges—for users who wish to explore those areas.
Solution
What makes it unique?
Secondary Research
To challenge assumptions, explore unknown factors, and better understand the travel challenges users face in airports and train stations
Information Overload
A phenomenon that was identified as significant barrier in transit environments. Travelers often struggle to find the right information—leading to slower navigation and heightened stress. This underscores the importance of delivering only the necessary.
User Research
To gather qualitative insights on user pain points and support the development of HMW statements, which will guide the direction of solution ideation
Theme 1: Inexperienced
Pain Point:
“All of these things are stuff that you are not usually taught.” —Participant 1
Insight:
Design should support users without expecting prior knowledge
How Might We design for users with no prior experience?
Theme 3: Accessibility
Pain Point:
Participants experienced challenges related to language barriers or impairments such as dyslexia
Insight:
Translation and sound-based guidance are essential for users with language or accessibility challenges
How Might We design for users facing language or accessibility barriers?
Research Synthesis
To identify patterns, prioritize traveler needs, and turn raw insights into actionable themes that shaped the personas and design direction
Personas
From research and interviews, two key personas were identified:
User 1
Travel a few to many times a year
Has navigated airports or train stations solo
Encounters stress mainly in unfamiliar or new transit environment
User 2
Rarely travels, and usually with friends or family
Face challenges with language, technology, and possibly accessibility
Experiences high anxiety when traveling alone or navigating without support
Ideation
To generate a range of solutions—such as AR guidance, travel guides, and multilingual support—rooted in the specific needs travelers
Reducing Stress with Travel Guide
Provides comfort through notifications and alerts
Shares helpful travel tips before travel
Maps for Transit Hubs
Dedicated screen for searching and viewing different airports and stations
Option to view either a static or interactive map
Ability to save maps for quick access later
User Flows
To map how travelers search, add, and navigate trips—prioritizing key interactions like AR guidance and personalized setup for a focused, accessible experience.
Exploring Early Red Routes
The main red route in my design is the Personalized Journey feature, which allows users to search and add their booked flights or transit details. Based on this information and their specific needs—including accessibility—the system generates a customized, step-by-step AR route to guide them to their destination.
Style Guide
Brand
The brand’s mission and vision are centered on fostering connection and empowering individuals through the shared experience of travel. This extends beyond travelers to include staff and service providers as integral parts of the journey. The brand is designed to evoke a sense of ease and inspire the freedom to travel without limits.
Color Palette
The color palette was carefully selected to convey inclusiveness, comfort, and trust.
Font Family
Chosen for its modern clarity and high legibility, this typeface combination ensures an accessible and professional reading experience across all screen sizes.
Graphical Elements
Usability Test
To evaluate how well users could navigate key red routes—such as adding a trip, searching a route, and starting AR navigation—identify usability issues, and gather feedback to inform design iterations
Iterations
Based on findings from usability tests, the design was iterated to create a more intuitive, user-friendly experience that prioritizes recognition over recall.
UI elements on the home screen—such as the trip cards and carousel—were enlarged to improve visual hierarchy and overall visibility.
Final Screens
Business Aspect
Currently, the app’s success would rely on collaborations with airports and train stations. However, future partnerships could also extend to airlines. Initially, I considered removing the check-in button, since users typically check in through airline apps. However, I decided to keep it as a forward-looking feature in case of future airline sponsorships or integrations.
Gamification
Interactive Mini-Game:
Users can engage with a fun step-by-step navigation mini-game while navigating transit hubs.
Collectible Rewards:
Visible coins can be collected along the route and redeemed for discounts at airport amenities.
Milestone Bonuses:
Bigger rewards are unlocked upon reaching key locations, such as security checkpoints or departure gates.
Business Benefits:
Higher Revenue:
Discounts and rewards drive more spending at airport shops, dining areas, and other services.
Stakeholder Engagement:
Businesses within the hub can sponsor or integrate into the gamified system, creating additional revenue streams and fostering partnerships.
Enhanced Customer Loyalty:
A memorable, enjoyable navigation experience encourages users to choose the same transit hubs or airlines for future trips.
Learning Outcomes
Researching and Testing with Accessibility Needs
Conducting user research and testing with the second persona group—individuals with accessibility needs—presented several challenges. Recruiting participants was difficult, as many were older adults facing language barriers and struggling with testing instructions. While their feedback was valuable, communication required extra care and patience. Testing a solution not available in their native language added further complexity. In the future, I aim to improve recruitment strategies and provide clearer support for better engagement.
Reflecting on User-Centered Design
While I initially questioned whether I could be considered a user myself, I realized my perspective was biased and not representative of the broader audience. At times during the design process, I created solutions that made sense to me but not to actual users. This experience reinforced the importance of staying grounded in the user's perspective, usability heuristics, and UI principles.
Technology in the Design Process
Throughout the design process, there were instances where I explored technology-driven solutions without fully knowing their technical feasibility. Although I researched examples of similar technologies in real-world use, the exact implementation for my solution remained uncertain. While it is common practice during early design to prioritize ideas over technical limitations, I found it important to remain mindful of feasibility, as it could help strengthen the practicality and future development of the solution.
Frequent User Testing
In future projects, I would incorporate more user testing throughout the design process—from early sketches to final screens. Gathering user perspectives earlier would help refine the solution through continuous feedback, testing, and iteration.
Future Implementations
Users can now add and save multiple booked flights, making it easier to navigate round-trip and multi-city itineraries.
Try the prototype
For the best experience, we recommend trying it on your smartphone to simulate real app usage.
As noted earlier, round-trip bookings are now displayed as a single combined card—rather than separate outbound and return flights—to increase intuitiveness.
Users can slide the bottom sheet up or down to access the standard route display while navigating in AR, providing a clearer sense of control and closure.
Role
UX Researcher
UX/UI Designer