john-arano-h4i9G-de7Po-unsplash.jpg
logo_1.1.png

 a social fitness training app 

Context

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.

Role: UX/UI Designer, Visual Designer

Responsibilities: Ideation, Research, Wireframing, Prototyping

FullMockupV1.png

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

Motivation

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.

2

Getting Started

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.

3

Training Alone

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: The 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: The 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.

Heuristic & Competitive Analysis

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!

 

Starting the Design

User Flow

This map sets up our information architecture, the foundation of the design. We 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. 

This design has already gone through several iterations as will be shown in the Figma version -- it is a 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. 

AthleetStyleGuide_2.png

Style Guide

AthleetColorPalette.png

Color Palette

Screen Shot 2021-08-09 at 2.42.08 PM.png
Screen Shot 2021-08-09 at 2.42.17 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 initial usability testing.

To view and test the prototype externally, click the button below.

FigmaProtoype_V1.png

Usability Studies

In progress