Garmin Connect Redesign

This redesign of the Garmin Connect app reimagines the user experience for Garmin Watch users seeking a more intuitive way to track their fitness and health. While the Garmin watch is celebrated for its accuracy and performance, the companion app often falls short having cluttered with excessive data and a confusing interface that hinders quick access to essential metrics.
The redesigned interface shifts from a dark to a clean light mode, streamlining the home screen to prioritize accessibility and ease of use. Key metrics like steps, workouts, and calories are now front and center, eliminating the need to dig through unnecessary information. The calendar view was also restructured to highlight active days rather than overwhelm users with detailed data points. Additionally, a new Workouts section replaces the original Challenges tab, offering guided routines to better support users’ fitness goals. This redesign focuses on clarity, simplicity, and function, making it easier for users to stay motivated and in control of their health journey.

Figma

Tools:

UI/UX Design & Case Study

393x852 pts

Illustrator

Design Process

Typography & Color

Roboto regular, medium, bold, and light were used. Roboto is Garmin Connect's staple font.

#53A6F9

#62CCE6

#70E99E

#EAAC82

#FF6F6F

#F0F0F0

While redesigning Garmin Connect, I set out to solve common problems users face while using the app.

The interface is in dark mode creating a muted atmosphere that can feel uninspiring

Change the interface to light mode to create a more inviting atmosphere

Home screen is cluttered and hard to browse making it harder for the user to access metrics

Condense the amount of metrics available on the home display, ensuring for less clicks

Calendar and Challenges aren't helpful and just add clutter to the users experience

Calendar is condensed to display active days and challenges was replaced with a workout section

User Reviews

SOlution 3

Problem 3

SOlution 2

Problem 2

SOlution 1

Problem 1

Problems and Solutions

“The new version is buggy, clunky, and dysfunctional overall.”

StanlyB95, 6/15/2024

“I also haven’t quite figured out the interface. It seems straightforward- I think I how where to find something, but then I’m wrong.”

Hernandez05, 4/11/2023

“This new version is laid out in a very poor manner and the data I want is hidden several clicks away.”

EliminatorMan, 4/26/2024

User persona

Maintain a healthy weight

32 years

“I use this app to help me keep on track with fitness goals and to monitor my sleep cycle”

Alex Miller

Age

Location

Work

Los Angeles

Teacher

Core Needs:

track daily steps

Keep track of sleeping patterns

Motivations:

Calendar keeps her in check

She views how many calories she burns each day

She finds new workouts through the app

Prototype

The redesigned Garmin Connect app introduces a brighter, more accessible interface through the shift to light mode—laying the foundation for a more motivating and user-friendly experience. Key improvements include a simplified home page that reduces clutter and minimizes the number of taps needed to access essential metrics. The newly added Workouts page empowers users to explore and follow new routines, while the updated calendar view now focuses solely on monthly activity, offering a cleaner and more intuitive way to track progress. While light mode has been successfully established, the next phase will focus on reimagining the current dark mode to align with the refreshed, user-centered experience.