Web ·
Delta ·
2026
Flight Card Quickview
Created an internal tool for viewing flight availability at a glance.
Company
Delta
Role
Product designer
Team
A product manager, 4 engineers, and the risk operations team
Year
2026
Duration
2-3 months
Platform
Web
Context
TravelNet is Delta’s internal travel platform, helping employees and their eligible companions book flights and manage standby travel. When searching for flights, employees are presented with a list of available options and need to compare flight details and cabin availability to decide which flight best meets their needs.
As part of a broader flight results redesign, the team introduced an updated flight card experience aligned with Delta’s MACH 1 design system. However, after launch, employee feedback revealed a usability gap: the redesigned cards took up more vertical space, making it harder to scan multiple flights, particularly on mobile.
Employees needed a faster way to evaluate their options without repeatedly scrolling through individual cards or opening additional views to find important availability information.
My role
I was the lead designer responsible for designing a condensed flight results experience across mobile, tablet, and desktop. I translated employee feedback into a practical design solution, explored different layouts, and partnered with my product manager to validate key scenarios and ensure the experience addressed the underlying usability needs.
My focus was to make flight comparison faster and more intuitive while maintaining consistency with Mach 1 design system.
Approach
I approached the problem by focusing on three priorities:
1. Make flight results easier to scan
I explored ways to reduce the height of each flight card while preserving the information employees needed to compare options at a glance. The challenge was to simplify the presentation without making the cards feel crowded or difficult to read.
2. Prioritize the most useful information
I refined the information hierarchy to surface key flight details and cabin availability directly within the condensed card. This reduced the need for employees to scroll through larger cards or take additional actions to understand their options.
3. Design for real-world flight scenarios
I iterated across different flight configurations, including nonstop and connecting flights, to understand how the condensed layout would accommodate varying amounts of information. I started with mobile, where screen space is most limited, then adapted the experience for tablet and desktop.
Throughout the process, I partnered with my product manager to review the designs, identify gaps, and ensure the different scenarios were accounted for.
Solution
I designed a Quick View experience that gives employees a more compact way to browse flight results and compare availability.
The condensed cards bring key flight information and cabin availability into a single, scannable view, helping employees assess their options without navigating into each flight individually.
I also designed a toggle that allows employees to switch between the original flight card layout and the condensed Quick View. This preserves access to the existing experience while introducing a more efficient alternative.
The solution was designed responsively across mobile, tablet, and desktop, with layouts adapted to the available screen space. I also considered the clarity of the toggle icons and the visual hierarchy of each card to make the experience easy to understand and consistent with Delta’s design system.
Result
The Quick View experience:
Improved flight comparison: Employees have an alternative way to browse and compare standby flights.
Reduced scanning effort: In response to employee feedback, the condensed cards take up less space and show key availability information sooner, making flight results easier to scan, especially on mobile.
Enabled continued iteration: The toggle allows employees to switch between layouts while the team evaluates which view should appear by default.
While it’s still early to quantify the feature’s impact, the work demonstrates how I use employee feedback to inform iterative improvements to an existing product experience.
What I learned
This project reinforced that a visually cleaner redesign does not automatically create a better user experience.
Even when a design follows an established design system, it still needs to support the way people actually use the product. In this case, the updated cards were consistent with the system, but employee feedback revealed that the experience could be more efficient for comparing multiple flights.
It also reinforced the value of treating employee feedback as a product signal rather than an isolated request. By understanding the underlying problem, I was able to design a solution that improved information visibility without removing the flexibility of the existing experience.
Ultimately, good product design is about balancing consistency, clarity, and usability, then continuing to evaluate the experience after launch to understand where it can improve further.