Public Transit UX/UI Case Study
Hero Image: App mockup with San Salvador transit backdrop
16 weeks
UX Research, Mobile Design, Information Architecture, Usability Testing, Design Systems
3 UX Designers, 1 Researcher, 2 Developers, Transit Experts
Figma, Maze, Dovetail, Google Maps API
Next Case Study
View All Projects →Ruta SV reimagines public transportation for El Salvador by creating the country’s first comprehensive digital wayfinding system—a complete mobility platform respecting the realities of Salvadoran life: limited data plans, cash-based payments, and a transit system built on community knowledge.
As Lead Product Designer, I led research efforts to understand how millions of Salvadorans navigate a bus system that operates more on trust and oral tradition than official schedules, then designed solutions that bridge digital convenience with existing user behaviors.
42 interviews
In-depth user research sessions
Offline-first
Core functionality without data
Unlike major cities with formal metro systems and official route maps, El Salvador’s public transportation operates semi-formally. Routes are identified by numbers and colors, but schedules are approximate at best. There’s no official app, no digital ticketing, and most information is shared verbally between passengers and drivers.
The cash-only payment system means exact change is required, with no way to plan costs in advance for multi-leg journeys. Real-time information doesn’t exist, leading to long waits with no idea when the next bus will arrive. Women especially mentioned safety concerns about waiting alone at night.
“I’ve lived in San Salvador for three years and I still don’t know all the routes. I have to ask different people each time I want to go somewhere new, and sometimes the information is wrong.”
— María, university student
The digital divide adds another layer of complexity. While smartphone penetration is relatively high in urban areas, data plans are expensive and often limited. Any solution needed to work efficiently with minimal data usage and provide core functionality even when offline.
Understanding the problem required immersing ourselves in the daily reality of bus commuters. Over four weeks, the research team conducted 42 in-depth interviews, 8 focus groups in different neighborhoods, and spent countless hours riding buses and observing behavior at major transit hubs.
Key themes emerged from 42 interviews, revealing interconnected challenges across the user journey
Key Insight: Users trade time for certainty—arriving early and asking multiple people to compensate for lack of reliable information. This creates significant daily friction and anxiety.
The user base was more diverse than initially assumed. While lower-income workers form the core ridership, university students, domestic workers, market vendors, and middle-class commuters all rely on buses daily. This meant designing for vastly different levels of digital literacy.
Through affinity mapping, we identified six key theme areas that encompassed the user experience challenges. These insights directly informed our design strategy and feature prioritization.
The mapping revealed that users’ core struggle isn’t just finding routes—it’s the emotional labor of constantly navigating uncertainty. Every ride involves risk assessment, contingency planning, and emotional management. This understanding shifted our focus from simply providing information to building user confidence and reducing cognitive load.
Armed with research insights, we established core design principles that would guide every decision. These weren’t just aspirational statements—they became the filter through which we evaluated every feature and interaction.
Image: Design principles & early wireframes
Designed the entire app to work offline by default. Users download maps by region, access complete schedules, and plan journeys without internet. Only real-time tracking and ticket purchases require connectivity.
Integrates with existing payment habits. Users can buy digital tickets OR use the app to plan routes and pay cash on board. This hybrid approach respects that not everyone has a credit card.
Interface reveals complexity gradually. First-time users see simple destination search; advanced features like saved routes and custom preferences appear as users become comfortable.
Given varying literacy levels, we prioritized visual communication. Icons, colors, and maps convey information alongside text. Route numbers use the actual colors of the buses.
Ruta SV is built around four core user needs: getting from point A to point B, understanding costs, knowing when buses arrive, and reducing travel anxiety. Each feature addresses one or more of these needs while respecting the constraints of the local context.
Screens: Route planning, cost breakdown, real-time tracking, navigation mode
Goes beyond simple directions—users set preferences for fewest transfers, fastest route, or minimal walking. Results always show at least three options, helping users understand trade-offs and respecting their agency in decision-making.
Every route displays total cost upfront with segment breakdown. Ticket bundles show clear savings: “You’ll save $0.25” rather than just listing prices. Payment bridges digital (credit card, Tigo Money) and physical (cash on board) worlds.
For GPS-equipped routes, users see exactly where their bus is. The app is honest about data quality—when real-time isn’t available, it shows scheduled times with a clear indicator. Users can set alerts when their bus is approaching.
Large, clear instructions guide users: “Walk 5 minutes north,” “Wait for Route 29,” “Get off in 3 stops.” During the ride, the app counts down to their destination with vibration alerts when their stop approaches.
Visual Identity
Colors drawn from El Salvador’s vibrant “chicken buses”—route-specific colors match actual painted buses, making the app feel distinctly Salvadoran.
Readability
16pt body text minimum, key info at 24-28pt. High-visibility mode for bright sunlight. Touch targets never smaller than 48x48 pixels.
Localization
Written by native speakers using Salvadoran idioms. Local place names (“El Centro” not “Centro Histórico”) make the app feel homegrown.
Testing happened in waves, starting with low-fidelity prototypes and progressing to field testing. Each round revealed insights that fundamentally changed our approach.
Image: Usability testing sessions & design iterations
Early wireframe testing with 20 participants revealed our initial design was too complicated. Separate tabs for different journey stages confused users. Solution: A dynamic home screen that adapts to context—showing route planning when idle, navigation when traveling, and trip summaries when complete.
Working prototypes given to 15 participants for a week of real commuting revealed critical issues lab testing missed. The map interface was nearly unusable in bright sunlight—we increased contrast and added high-visibility mode. Battery drain from constant GPS was problematic—we optimized to use GPS only when actively navigating.
Most importantly, many users didn’t trust real-time tracking initially—waiting early “just in case.” We added confidence indicators showing data quality. After seeing accurate predictions consistently, trust grew.
“Before Ruta SV, I would only work in areas I knew well. Now I can accept jobs anywhere in San Salvador. This app literally earned me more money.”
— Claudia, domestic worker