Without My Hero
Without My Hero
a social fitness training app
Duration
Ongoing
Tools
Figma
Adobe Illustrator
Role
UX/UI Designer
Visual Designer
Deliverables
App Prototype
Athleet is a fitness app that I am designing with my colleague, Justin Ballard, to sharpen our craft and hopefully design it to be feasible enough to take to market.
One of the most demotivating aspects of working out is having to go through that pain by yourself. With Athleet, you’ll never train alone again. Athleet is a mobile fitness trainer powered by human sweat and machine learning that creates a social network of athletic collaboration and if you’re up for it, competition.
The Problem
Working out is difficult for beginners because they often lack a clear plan to follow, and training alone is not ideal — it’s lonely, demotivating, and potentially unsafe.
The Goal
To provide robust training guidance and progress tracking, while empowering users to find training buddies and make new friends.
Research
We distributed general surveys to start identifying our users and their pain points. We categorized our users into two primary types: people who are new to fitness, and people who are more advanced along their fitness journeys.
We also conducted interviews to help us further empathize with our users, their frustrations, and their goals.
1
2
3
Motivation
Getting Started
Training Alone
Most users reported lack of motivation as their biggest obstacle to working out. We are designing a rich, customizable goal tracker to keep users engaged as they track their progress.
Beginners to working out can often feel lost and confused, and train ineffectively. We are designing a clean UI that prominently feature video guides of tutorials and well-rounded programs.
It’s discouraging to work out alone, especially as a beginner. We are designing bulletin-board meetup functionality that empowers users to connect with each other to complete group fitness challenges.
4
Expensive Fees
Fitness technology is rife with examples of high-priced equipment combined with monthly subscription fees. We are designing a free version that allows basic training and social functionality.
5
Nutrition Support
Most of our more advanced users report frustration that there isn’t an all-in-one training app and nutrition tracker. We plan to implement modular nutrition tracking in a future phase to make Athleet a “one stop shop” for all fitness needs.
Persona One: Beginner
Problem statement: Benny is a young adult who needs a specific training plan because he’s an inexperienced lifter.
Persona Two: Advanced
Problem statement: Abby is an experienced cross fitter who needs goal and progress tracking because she wants to be a competitive athlete.
Design
User Flow
This map sets up our information architecture, the foundation of the design. I came up with this user flow based on the information we had started gathering about our users. We then began sketching the app with this layout to guide us.
We designed this with the idea that it is a bit modular, allowing us to add or replace features into the structure of the design.
Sketches
Here we were assembling the general skeleton for the first iteration of the design. This gave us a layout we used to construct a higher fidelity mockup. My sketches are the ones on a white background.
This design has already gone through several iterations as will be shown in the Figma version -- it is a continuous work in progress.
Wireframes
We then turned the sketches into wireframes, informed by our style guide. We wanted a bright, active aesthetic that pops off the screen.
As of now, the colors and fonts on the style guide to the right are the ones we are working with, but for future implementations, we had considered making customizable color themes for people to choose from their settings.
Prototyping
The first iteration prototype runs through the app from the perspective of a beginner user. This is what we used to conduct our first usability test.
To view and test the initial prototype externally, click the button below.
Usability Studies
In progress
The major apps we are looking at for our competitive analysis include the Apple Fitness suite, FitBod, Nike Run Club, Strong, FitOn, Strava, and My Fitness Pal. While many of these apps have some useful features, not all of them address the major pain points we found in our research. This is where we are starting as a baseline for further research.
coming soon!