Ivonne Ramirez
Case Study

Travel Mode: Change the Unchangeable

Travel Mode: Change the Unchangeable
Overview
Role
Senior UX Designer
Company
United Airlines
Timeline
3 months (Oct–Dec 2024)
Team
1 FT Designer (me 👋🏽) + 3 Agency designers, 2 UX researchers, Product owner, Engineers, Operational stakeholders
Tools
FigmaFigJamUserTestingZeplin
Platforms
iOSAndroid
The Opportunity: Making the Undiscoverable Discoverable

United's mobile app is the industry leader—customers choose to fly United specifically because of it. Yet year after year, customer surveys revealed a consistent frustration: 'I love the United app, but I can never find anything.

The app was packed with powerful features, but they were scattered across the interface based on internal logic rather than customer needs. Our challenge: reorganize the entire day-of-travel experience into a dedicated, intuitive space that makes critical information accessible exactly when passengers need it.

I love the United app but I can never find anything.

Customer Survey Respondent
United App User
The Problem Statement
How might we enhance the digital app experience so features are easily discoverable, quickly accessible, and provide a dedicated space for United to expand and innovate on future initiatives?
Research & Strategic Foundation

To understand what information mattered most and when, I facilitated a design workshop that mapped the entire customer journey. Working closely with our product owner and data insights team, we identified the key moments that would shape our design decisions. We reviewed app click-rate metrics, analyzed customer pain points at different flight stages, and established a clear information architecture framework.

We created a framework that organized travel mode into three key information zones, based on urgency and the customer's decision-making timeline:

Framework Categories
Now: Information the customer needs to take immediate action on at this very moment Next: Information to help decide what to do immediately after their current action Future: Information customers can reference anytime throughout their journey, at their own pace
Customer Intent
At the gate? Need to move now. Just boarded? Plan your next step—is the flight on time? Where's your seat? Waiting for takeoff? Explore entertainment, baggage tracking, or pre-arrival info.

To validate this framework, I partnered with our research team to conduct card sorting tests with real customers. Participants were shown all the features we planned to include and asked to place each one into the category they felt it belonged to based on their travel journey—whether dropping bags, at the gate, in-flight, or during connections. The results gave us high confidence to move forward with our information hierarchy.

Result.png
Design Evolution: From Concept to Breakthrough

Our design journey started with low-fidelity wireframes that included two key non-negotiables: secondary navigation to make content discoverable, and a dedicated boarding pass experience. Early user testing revealed a critical insight for Travel mode phase MVP: customers didn't scroll below the fold. The boarding pass—while operationally important at airports—was taking up too much vertical space and pushing other features out of view.

Travel mode Phase MVP
Travel mode Phase MVP
💡 Travel mode Phase 1
💡 Travel mode Phase 1
💡 The Lightbulb Moment
While scrolling Outlook on mobile, I noticed their floating action button—always visible, always accessible. That's when it clicked: the boarding pass should live behind a prominent floating button, visible on every page. This kept the pass one tap away while freeing up critical real estate above the fold for the features customers actually wanted to see. ⤴️
Visual Design & Brand Evolution

United's design system is intentionally minimal—white space, black text, and United blue. But Travel Mode needed to feel premium and to set a new visual direction for the app's future. I partnered closely with our design systems team to explore how we could enhance the current components while respecting brand constraints. We tested color blocking, gradients, and layering approaches before landing on a cohesive look that elevated the entire experience.

First iteration
First iteration
2nd iteration
2nd iteration

The final visual language uses a subtle blue gradient backdrop with opacified blue cards for widgets, creating visual hierarchy without overwhelming the interface. This approach gave us the flexibility to highlight the most critical information (boarding progression, gate details) while maintaining the clean, trustworthy aesthetic United is known for.

Final Travel Mode visual design showing the complete interface
Final deliverable: The complete Travel Mode experience featuring the refined visual language.
Key Features & Collaborative Design

The team of four designers each owned 2–3 widgets. Beyond managing feedback and guiding the overall vision, I contributed three critical features that demonstrate how deeply we listened to operational teams and customers alike.

1. Boarding Progression Transparency

Working with the gates operational team, I designed a boarding progression widget that shows exactly where customers stand in the boarding process. The gates team provided data on boarding count and group, but I recognized we could leverage additional signals: group number, boarding start/end times, and upgrade placement. This aligns with the physical signage at each gate and provides customers with the transparency they need to decide whether to stay at the club or head to the gate.

Boarding progression widget showing current boarding status
Boarding progression widget: Shows which groups are currently boarding, customer's position in queue, and estimated boarding time based on real gate operations data

2. Club Busyness & Recommendations

The United Clubs team was rolling out beacon technology to measure how many customers were entering and exiting clubs at each airport. Many airports place clubs at the end of the terminal, so customers were walking long distances only to find them full. We designed a busyness indicator (using a circular dial) paired with the nearest recommended club, its hours, and quick links to directions and club passes. This single widget consolidated information that previously lived scattered across the app.

FINAL Club widget.png
Club recommendation card: Shows busyness status, operating hours, location, and quick access links

3. Boarding Education Cards

Gate agents repeatedly remind customers to have their passports ready, know carry-on sizing, and check personal item limits. We created educational cards that customers could 'pre-read' before boarding. Each card expands to play a short animated video, making the information accessible without relying on a gate agent to repeat themselves. We had modest expectations for this widget since educational content typically gets overlooked—but the results were stunning.

82%
Boarding Education Rating
5-star reviews (30,000 responses)
When customers rated the boarding education cards post-launch, 82% gave them a perfect 5-star rating—far exceeding team expectations for educational content.
Educational boarding cards with expandable content
Educational boarding cards: Expandable widgets that play animated videos covering passport requirements, carry-on sizing, and personal item guidelines to reduce gate agent repetition
Launch & Real-World Impact

Travel Mode went live right before Christmas 2024. The response was immediate and overwhelming. Within weeks, we saw the app reaching new heights in engagement and customer satisfaction. But beyond the metrics, the human impact stood out.

I'm deaf and this past flight with them with this feature [boarding progression] was immensely helpful. I no longer need to ask to be boarded first with the other disabled passengers and I don't have to worry about missing anything.

Reddit User
United Passenger

This comment perfectly captures what we set out to achieve: designing for everyone, ensuring transparency and trust, and recognizing that every traveler has different needs and reasons to fly. By prioritizing discoverability and accessibility, Travel Mode became a tool that served all customers—regardless of ability, familiarity with the app, or travel style.

0%
Day of travel usage
0.0%
Day of travel NPS increase
Design Learnings & Key Takeaways
Validate Early, Iterate Fast
We submitted designs to UserTesting within 48 hours of early concepts. This rapid feedback loop allowed us to catch the 'no scroll' issue before investing in full high-fidelity design.
Collaborate Across Silos
Success meant partnering closely with operational teams (gates, clubs), design systems, research, and dev. Every stakeholder brought critical perspective that made the product stronger.
Design for All, Not Just the Average
Transparency in boarding progression and accessible educational content aren't nice-to-haves—they're table stakes. Every customer deserves to navigate their travel experience with confidence.
Let Data Guide the Vision
Click-rate metrics, card sort results, and usability testing didn't constrain our creativity—they informed it. We could take confident risks because we understood what customers actually needed.
What's Next

Travel Mode launched as Phase 0 of a larger vision. The framework we built—Now, Next, and Future information states—is extensible and ready for new features. Future phases will expand the experience across more customer touchpoints, integrate real-time flight data, and continue building on the accessibility-first approach that made this launch successful.

Personal Reflection: Leading Strategic Innovation
This was my first project taking the lead on both strategic direction and innovative future thinking at United. Moving from contributor to strategic leader taught me how to balance immediate customer needs with long-term vision, advocate for bold design decisions while respecting brand constraints, and rally cross-functional teams around a shared goal. The success of Travel Mode—reaching 5.5M weekly sessions—validated that thoughtful, user-centered design can drive both immediate impact and set the foundation for transformative digital experiences across the airline industry.

Next Project

Redesigning Flight Disruption Recovery

View project