Summary
Trak is a fitness app designed to encourage and strengthen a users journey through a socially interactive platform. It features an approachable interface that allows runners of all levels and ages to engage with others and experience the motivation that comes from being part of an active community.
Trak is a fitness app designed to encourage and strengthen a users journey through a socially interactive platform. It features an approachable interface that allows runners of all levels and ages to engage with others and experience the motivation that comes from being part of an active community.
My Role
UX Design
Branding
Methods
Qualitative Research
User Surveys
Competitor Analysis
Prototyping
Project Timeline
6 weeks
My Role
Branding
Product Research
UX/UI Design
Methods
Qualitative Research
Competitor Analysis
Prototyping
Usability Testing
Project Timeline
6 weeks
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.
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.
“I want to be active, but it’s hard to stay motivated. If there were a more engaging way, I’d feel so much more inspired to keep going.”
“I want to be active, but it’s hard to stay motivated. If there were a more engaging way, I’d feel so much more inspired to keep going.”
“I want to be active, but it’s hard to stay motivated. If there were a more engaging way, I’d feel so much more inspired to keep going.”
The Solution
The solution lies in creating an intuitive, yet familiar interface where runners can easily access social tools, such as instant messaging, user profiles, and community feeds.
The solution lies in creating an intuitive, yet familiar interface where runners can easily access social tools, such as instant messaging, user profiles, and community feeds.
The solution lies in creating an intuitive, yet familiar interface where runners can easily access social tools, such as instant messaging, user profiles, and community feeds.
Summary
Trak is a fitness app designed to encourage and strengthen a users journey through a socially interactive platform. It features an approachable interface that allows runners of all levels and ages to engage with others and experience the motivation that comes from being part of an active community.
My Role
Branding
Product Research
UX/UI Design
Methods
Qualitative Research
User Surveys
Competitor Analysis
Prototyping
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.
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.
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.
52% of respondents said they would like to engage in post-run discussions or reflections with their social circle, beyond simply sharing their stats.
52% of respondents said they would like to engage in post-run discussions or reflections with their social circle, beyond simply sharing their stats.
52% 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.
68% said they would be more likely to use a running app that emphasizes community engagement and social connection.
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.
64% of users expressed frustration with overly complex running apps, citing cluttered interfaces and hard-to-find features.
Many of the users surveyed noted Strava as their market favorite.
Many of the users surveyed noted Strava as their market favorite.
Many of the users surveyed noted Strava as their market favorite.
User Flows
Trak's user journeys were initially divided into three primary categories:
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 we strategically planned the hierarchy to create a sense of social connection while also motivating users to put down their phones and be active.”
“This phase of the project focused on user flows and information architecture where we strategically planned the hierarchy to create a sense of social connection while also motivating users to put down their phones and be active.”
“This phase of the project focused on user flows and information architecture where we strategically planned the hierarchy to create a sense of social connection while also motivating users to put down their phones and be active.”
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.
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.
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.
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.
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.
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.
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.
"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!"
"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."
"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 agreat 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 agreat 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 agreat solution."
My Final Thoughts
"I learned a lot while designing Trak. Primarily how to properly design for motivation while maintaining functionality, and the best practices for presenting data in a clear, non-overwhelming way. This was an incredible project to work on and learn from."
"I learned a lot while designing Trak. Primarily how to properly design for motivation while maintaining functionality, and the best practices for presenting data in a clear, non-overwhelming way. This was an incredible project to work on and learn from."
"I learned a lot while designing Trak. Primarily how to properly design for motivation while maintaining functionality, and the best practices for presenting data in a clear, non-overwhelming way. This was an incredible project to work on and learn from."
What's next?
What's next?
UX Design, Graphic Design, Branding & Identity
UX Design, Graphic Design, Branding & Identity
©2024 to ∞
Built by Trevor Ballard
UX Design, Graphic Design, Branding & Identity
©2024 to ∞
Built by Trevor Ballard