The map is another essential part of the app, it’s where every user begins and where much of the flight planning process takes place. It serves as a dynamic hub of critical information.

Shipped
Spring 2025
Platform
Web, iOS
Role
Lead designer
FeatureThe Garmin Pilot web map on a laptop, with the map controls and overlay list open and an information panel for Denver International.

Approach

I created modular pop ups to allow users to flightplan, search, adjust overlays, and interrogate map information. One key shift I introduced in the web experience was enabling users to directly interact with map elements.

Challenge

Time slider

One of the biggest challenges on the map was designing a unified solution for the time slider used to play through weather and traffic data. In the existing iOS app, each active layer displayed its own slider, altitude selector, and settings.

After conducting usability tests, it became clear that users preferred the simplicity and clarity of a single, centralized control, over multiple controls with longer data ranges.

A weather map of the central United States with chips for the aeronautical, icing, AIR/SIGMET, winds and TFR overlays above one time slider, set to 25 June at 7:50pm and 21,000 feet.

Challenge

Selection

To better leverage the capabilities of desktop, we removed the app’s contextual menu for map interactions and introduced direct selection and hover states instead. This allowed users to interact with map elements more intuitively using a mouse. Implementing this required defining the interaction behavior and layering logic for each map element.

Direct selection on the map near Philadelphia: a tracked aircraft’s altitude, speed and route in one panel, and the surrounding airspace in another.