“How can a fitness app focused on

competition, foster a thriving community?"

“How can a fitness app focused on

competition, foster a thriving community?"

STRAVA

STRAVA

2024

UI Design System

2024

UI Design System

My Role

UI Designer, Motion

My Role

UI Designer, Motion

My Role

UI Designer, Motion

Team

Mateo, Diego, Woojung, Derek

Team

Mateo, Diego, Woojung, Derek

Team

Mateo, Diego, Woojung, Derek

Duration

4 months

Duration

4 months

Duration

4 months

Tools

Adobe CC, Miro, Figma

Tools

Adobe CC, Miro, Figma

Tools

Adobe CC, Miro, Figma

About

About

Strava is a social fitness app focused on runners and cyclists to track their exercise. Primarily focused competition, users race individually and compare their stats to see who is the fastest.


Our vision for this project was to shift the narrative form competition to community building, helping users stay motivated through positive reinforcement.


Along with this, we redesign Strava's UI and branding to reflect a unique and modern aesthetic that feels sleek, contemporary, and aspirational.

Strava is a social fitness app focused on runners and cyclists to track their exercise. Primarily focused competition, users race individually and compare their stats to see who is the fastest.


Our vision for this project was to shift the narrative form competition to community building, helping users stay motivated through positive reinforcement.


Along with this, we redesign Strava's UI and branding to reflect a unique and modern aesthetic that feels sleek, contemporary, and aspirational.

Problem

Problem

Strava currently caters to elite runners and cyclists chasing top times, overlooking athletes from other sports and casual users seeking personal growth and connection.

Strava currently caters to elite runners and cyclists chasing top times, overlooking athletes from other sports and casual users seeking personal growth and connection.

Strava currently caters to elite runners and cyclists chasing top times, overlooking athletes from other sports and casual users seeking personal growth and connection.

Solution

Solution

In this project, we conducted in-depth research, testing, and design iterations to deliver four new features tailored to our personas, along with a cohesive Design System across mobile, smartwatches, and desktop for a bold new look.

In this project, we conducted in-depth research, testing, and design iterations to deliver four new features tailored to our personas, along with a cohesive Design System across mobile, smartwatches, and desktop for a bold new look.

In this project, we conducted in-depth research, testing, and design iterations to deliver four new features tailored to our personas, along with a cohesive Design System across mobile, smartwatches, and desktop for a bold new look.

Feature 01 Smart Profiles

Feature 01 Smart Profiles

How it works

How it works

Setup and switch your on screen metrics on the go for all your multi sport needs.

Setup and switch your on screen metrics on the go for all your multi sport needs.

Problem

Problem

Users have to use multiple apps to for all of their sports and training.

Users have to use multiple apps to for all of their sports and training.

Solution

Solution

Users have to use multiple apps to for all of their sports and training.

Users have to use multiple apps to for all of their sports and training.

Feature 02 Enhanced Sports Tracking

Feature 02 Enhanced Sports Tracking

How it works

Advanced tracking and analysis specifically for weightlifting.

Problem

Strava only tracks time for weightlifting, offering little value.

Solution

Allow users to dynamically customize their on-screen metrics.

How it works

How it works

Advanced tracking and analysis specifically for weightlifting.

Advanced tracking and analysis specifically for weightlifting.

Problem

Problem

Strava only tracks time for weightlifting, offering little value.

Strava only tracks time for weightlifting, offering little value.

Solution

Solution

Allow users to dynamically customize their on-screen metrics.

Allow users to dynamically customize their on-screen metrics.

Feature 02 Enhanced Sports Tracking

Feature 03 Route Generator

Feature 03 Route Generator

How it works

Keep users engaged by offering exploration tailored to their preferences, schedules, etc.

Problem

Strava lacks tools to help users balance schedules or workout variety.


Solution

Incorporate innovative AI features tailored to each user's goals.

How it works

Keep users engaged by offering exploration tailored to their preferences, schedules, etc.

Problem

Strava lacks tools to help users balance schedules or workout variety.

Solution

Incorporate innovative AI features tailored to each user's goals.

How it works

Keep users engaged by offering exploration tailored to their preferences, schedules, etc.

Problem

Strava lacks tools to help users balance schedules or workout variety.

Solution

Incorporate innovative AI features tailored to each user's goals.

Feature 03 Route Generator

Feature 04 Active Groups Sessions

Feature 04 Active Groups Sessions

How it works

Facilitate real-world connections in a safe and welcoming environment for athletes of all skills.

Problem

Strava lacks the ability to plan, view, and join group rides in advance.

Solution

Map, calendar, and list view to quickly join group rides anytime.

How it works

How it works

Facilitate real-world connections in a safe and welcoming environment for athletes of all skills.

Facilitate real-world connections in a safe and welcoming environment for athletes of all skills.

Problem

Problem

Strava lacks the ability to plan, view, and join group rides in advance.

Strava lacks the ability to plan, view, and join group rides in advance.

Solution

Solution

Map, calendar, and list view to quickly join group rides anytime.

Map, calendar, and list view to quickly join group rides anytime.

Feature 04 Active Groups Sessions

Design System

Design System

Design System

Typography

Typography

Impact

Impact

Thanks to extensive research, including interviews and data collection, we pinpointed the key challenges users face and addressed them with precision.


The result is a sleek, bold, and revolutionary app that makes exercising more engaging, efficient, and enjoyable, supporting athletes of all levels across all sports and fostering meaningful connections, positioning Strava as the ultimate fitness app.

Thanks to extensive research, including interviews and data collection, we pinpointed the key challenges users face and addressed them with precision.


The result is a sleek, bold, and revolutionary app that makes exercising more engaging, efficient, and enjoyable, supporting athletes of all levels across all sports and fostering meaningful connections, positioning Strava as the ultimate fitness app.