Without My Hero
Without My Hero
john-arano-h4i9G-de7Po-unsplash.jpg
logo_1.1.png

 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.

FullMockupV1.png

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

Screen Shot 2021-08-09 at 2.01.37 PM.png

Problem statement: Benny is a young adult who needs a specific training plan because he’s an inexperienced lifter.

Persona Two: Advanced

Screen Shot 2021-08-09 at 2.01.47 PM.png

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.

UserFlowV2.png
Screen Shot 2021-08-09 at 2.26.10 PM.png

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.

AthleetStyleGuide.png
Screen Shot 2021-08-09 at 2.42.17 PM.png
Screen Shot 2021-08-09 at 2.42.08 PM.png
Screen Shot 2021-08-09 at 2.42.28 PM.png

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.

FigmaProtoype_V1.png

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!

Heuristic & Competitive Analysis

Let's connect!

  • linkedin
  • YouTube Channel