top of page

Garmin Connect
UI design study

A personal UI design study from 2020, inspired by Garmin Connect. The starting point was my desire to combine activities, training data, and personal content into a clear and concise mobile interface. My focus was on information hierarchy, navigation, and visual design. This project is an independent, fictional concept created without any commission or collaboration with Garmin.

Designed in the concept:

  • Navigation and visual information hierarchy

  • Overview of personal content and activities

  • Route views with training data

  • Overview of friends' activities

  • Entry points into training and coaching

  • Music and recommendations as complementary concept features

Garmin Connect independent UI design study cover
Information architecture and low-fidelity wireframes of the Garmin Mobile App – user flow and page structure
Garmin Connect concept color palette and typography
Garmin Connect concept onboarding and registration screens
Garmin Connect concept dashboard and activity details
Garmin Connect concept screens with activity maps and training charts
Garmin Connect concept route maps with activity distance
Garmin Connect concept screens for activities, music and friends

Outcome and next steps

The screenshots demonstrate my design approach: a dark interface, color-coded activity data, and consistent cards for quick orientation. From information architecture and wireframes to detailed views, the visual structure is central.

The result is a UI concept study, not a released app. Claims regarding improved usability could only be substantiated through user testing. If further development were to occur, I would test navigation, readability, and contrast.

bottom of page