Trak: a social focused and feed-centric fitness app
Trak: a social focused and feed-centric fitness app
Trak: a social focused and feed-centric fitness app
Summary
Trak is a fitness app designed to encourage and strengthen a users journey through a socially interactive platform. Trak was designed with a social-first interface and easy-to-understand data presentation.
Trak is a fitness app designed to encourage and strengthen a users journey through a socially interactive platform. Trak was designed with a social-first interface and easy-to-understand data presentation.
72% of users interviewed said they would switch from their current fitness app to Trak.
72% of users interviewed said they would switch from their current fitness app to Trak.
My Role
UX Design
Branding
Tools
Figma
SurveyMonkey
Dovetail
Project Timeline
6 weeks
My Role
UX Design
Branding
Tools
Figma
SurveyMonkey
Zoom
6 weeks
Project Timeline
The Problem
There is a gap between individual activity and meaningful social engagement within fitness apps, leaving users feeling disconnected, less motivated, and to stray away from their goals.
There is a gap between individual activity and meaningful social engagement within fitness apps, leaving users feeling disconnected, less motivated, and to stray away from their goals.
“It’s hard to keep myself motivated. As someone who lives alone, I'm not surrounded by active energy, so I just kind of don't do it… even though I really want to.”
“It’s hard to keep myself motivated. As someone who lives alone, I'm not surrounded by active energy, so I just kind of don't do it… even though I really want to.”
The Solution
The solution lied in creating an intuitive and familiar interface where runners can easily connect with a community, access social tools, interact with posts, and where data presentation is easily digestible to all levels of users.
The solution lied in creating an intuitive and familiar interface where runners can easily connect with a community, access social tools, interact with posts, and where data presentation is easily digestible to all levels of users.
Summary
Trak is a fitness app designed to encourage and strengthen a users journey through a socially interactive platform. Trak was designed with a social-first interface and easy-to-understand data presentation.
72% of users interviewed said they would switch from their current fitness app to Trak.
My Role
UX Design
Branding
Tools
Figma
SurveyMonkey
Zoom
Project Timeline
6 weeks
My Role
UX Design
Branding
Tools
Figjam
Figma
Dovetail
Project Timeline
6 weeks
Research
The goal of this survey was to gather insights into the current preferences, habits, and expectations of runners regarding social connection and community engagement within running apps.
The goal of this survey was to gather insights into the current preferences, habits, and expectations of runners regarding social connection and community engagement within running apps.
Key Results
73% reported that seeing other people’s progress or achievements motivates them to run more frequently.
64% of users expressed frustration with overly complex running apps, citing cluttered interfaces and hard-to-find features.
62% of respondents said they would like to engage in post-run discussions or reflections with their social circle, beyond simply sharing their stats.
68% said they would be more likely to use a running app that emphasizes community engagement and social connection.
73% reported that seeing other people’s progress or achievements motivates them to run more frequently.
73% reported that seeing other people’s progress or achievements motivates them to run more frequently.
64% of users expressed frustration with overly complex running apps, citing cluttered interfaces and hard-to-find features.
64% of users expressed frustration with overly complex running apps, citing cluttered interfaces and hard-to-find features.
62% of respondents said they would like to engage in post-run discussions or reflections with their social circle, beyond simply sharing their stats.
62% of respondents said they would like to engage in post-run discussions or reflections with their social circle, beyond simply sharing their stats.
68% said they would be more likely to use a running app that emphasizes community engagement and social connection.
68% said they would be more likely to use a running app that emphasizes community engagement and social connection.
User Flows
Trak's user journeys were initially divided into three primary categories:
Trak's user journeys were initially divided into three primary categories:
Login > Home
Home > Messages > Profile > Pre Activity
Activity > Post Activity > Home
Login > Home
Home > Messages > Profile > Pre Activity
Activity > Post Activity > Home
Login > Home
Home > Messages > Profile > Pre Activity
Activity > Post Activity > Home
My Thoughts
“This phase of the project focused on user flows and information architecture, where the hierarchy was strategically planned so that social connection and motivation interact simultaneously.”
“This phase of the project focused on user flows and information architecture, where the hierarchy was strategically planned so that social connection and motivation interact simultaneously.”
Building a System Fit for a Runner
Wireframe Sketches
Below are a few of the initial wireframe sketches for Traks UI. It is worth stating that while not all sketches were used moving forward with the design process, all of them were an incubator for a better and more enjoyable end product.
Below are a few of the initial wireframe sketches for Traks UI. It is worth stating that while not all sketches were used moving forward with the design process, all of them were an incubator for a better and more enjoyable end product.
High Fidelity
The design of Trak was all about making the app easy to use while bringing people together. Every detail was carefully chosen to ensure users can easily find their way around the app and stay inspired to keep moving.
The design of Trak was all about making the app easy to use while bringing people together. Every detail was carefully chosen to ensure users can easily find their way around the app and stay inspired to keep moving.
Direct Messaging
Having a messaging platform built directly into the Trak ecosystem makes it simple for users to connect, plan activities, and stay in touch without jumping between apps.
Having a messaging platform built directly into the Trak ecosystem makes it simple for users to connect, plan activities, and stay in touch without jumping between apps.
Social Connection
Trak’s social media-inspired layout, combined with easy-to-read activity data, creates a familiar and motivating user experience while encouraging community interaction.
Trak’s social media-inspired layout, combined with easy-to-read activity data, creates a familiar and motivating user experience while encouraging community interaction.
Activity Flow
Trak’s activity flow stands out by presenting post-run data like mile splits and heart rate analysis in a clean, visually engaging way that makes progress easy to understand.
Trak’s activity flow stands out by presenting post-run data like mile splits and heart rate analysis in a clean, visually engaging way that makes progress easy to understand.
Outcome
Trak’s design makes it easy and fun for users to stay active, track their progress, and connect with others. The layout is simple but effective, so users can easily see their performance, celebrate wins, and personalize their activity logs. Social features and clear, eye-catching data will help users feel accomplished while building a sense of community and supporting personal growth.
Trak’s design makes it easy and fun for users to stay active, track their progress, and connect with others. The layout is simple but effective, so users can easily see their performance, celebrate wins, and personalize their activity logs. Social features and clear, eye-catching data will help users feel accomplished while building a sense of community and supporting personal growth.
72%
72% of users interviewed said they would switch from their current fitness app to Trak.
72% of users interviewed said they would switch from their current fitness app to Trak.
"I would honestly use this over my Garmin. I feel motivated just from the few minutes I used it!"
"I would honestly use this over my Garmin. I feel motivated just from the few minutes I used it!"
"Yeah this is very motivating. I'm obsessed with the social media vibe and the colors. I actually feel like going on a run right now."
"Yeah this is very motivating. I'm obsessed with the social media vibe and the colors. I actually feel like going on a run right now."
"As a Strava user, I have to say that this is fantastic. I truly understand the meaning behind community when it comes to fitness. Even I feel Strava can be a bit overwhelming at time, so this seems like a great solution."
"As a Strava user, I have to say that this is fantastic. I truly understand the meaning behind community when it comes to fitness. Even I feel Strava can be a bit overwhelming at time, so this seems like a great solution."
This app has a working prototype. Please visit this page on a desktop in order to interact with it.
My Final Thoughts
"I learned a lot while designing Trak. Primarily how to properly design for motivation and functionality, in addition to the best practices for presenting data in a clear, non-overwhelming way. This was an incredible project to learn from."
"I learned a lot while designing Trak. Primarily how to properly design for motivation and functionality, in addition to the best practices for presenting data in a clear, non-overwhelming way. This was an incredible project to learn from."
