Flights
The Flights page is one of the most critical parts of the app, serving as the pilot’s dashboard for everything related to planning and executing a flight.
- Shipped
- Spring 2025
- Platform
- Web, iOS
- Role
- Lead designer
Approach
I focused heavily on refining the form flow, improving visual hierarchy, defining responsive breakpoints, and mapping out clear user journeys to ensure a seamless experience across devices.
Since web and iOS were intended to be companion platforms, each were designed side by side.
Challenge
Aesthetics
One early critique of the Flights page was that it didn’t look visually appealing. To address this, I introduced small illustrations placed on key data cards at the top of the page. These visuals added personality and helped create a more engaging, polished experience.
Challenge
Breakpoints
The website needed to function seamlessly down to an iPad Mini screen size. I defined responsive breakpoints and designed a modular map section that could expand or collapse across all screen sizes. This not only improved usability on smaller devices but also mirrored the layout of the iOS Flights page, creating a more consistent experience across platforms.
Challenge
States
We worked with developers to redefine flight filing states for web and mobile. This helped make filing status more clear for the user and better align with industry conventions.
