top of page

ATHLEET

Multiplayer Fitness App

With my co-founder Justin Ballard, we tried gamifying workouts to inject more fun through collaboration and competition so users get invested in their health

My Role

Co-Founder
UX/UI Designer
UX Researcher
Product Designer

Duration

Jul 2021-Dec 2022

(on hiatus)

Tools

Figma

Adobe CC

Xtensio

Google Slides

Contributions

Visual Design

Branding

Interaction Design

Design Process

DesignProcess_5Step_annotated.png

DISCOVER

Context

Athleet was a gamified, social fitness app I worked on with fellow designer Justin Ballard. Our vision was to gamify workouts to make them more fun through collaboration and competition aimed at users interested in investing in their health.

THE PROBLEM

Beginners often lack a clear plan, and training alone is lonely demotivating, and potentially unsafe.

THE GOAL

Provide robust training and tracking, while empowering users to connect with training buddies and make new friends.

RESEARCH

Survey Results

We surveyed and interviewed 34 people both inside and outside of the fitness community, from friends to personal trainers. Of the people we surveyed:

52.9%

likes rewards help keep motivation

85.3%

workout at home, the gym, or both

96.8%

access fitness content on mobile devices

USER PAIN POINTS

A few more problems were identified with further analysis of the surveys.

Problem

Lack of Motivation

Getting Started

Training Alone

Expensive Sub fees

Nutrition Support

Why?

Lack of motivation is one of the biggest obstacle to working out

Beginners feel lost/confused and train ineffectively

Discouraging to work out alone

Expensive equipment & subscription fees

Advanced users want all-in-one training & nutrition tracker.

Solution

A fun, customizable goal tracker

Clean UI with video tutorials and well-rounded programs

Connect with others to compete in fitness challenges.

Free version with basic training & socials

Modular nutrition --> “one-stop shop” for all fitness needs.

We wanted a bright, active aesthetic that pops off the screen. 

HEURISTIC & COMPETITIVE ANALYSIS

The major apps we looked at included Apple Fitness+, FitBod, Nike Run Club, FitOn, Strava, and My Fitness Pal. A feature analysis found that current apps reflect users' frustration with using them.

HoaMaiVector_brown_edited_edited.png
KEY TAKEAWAYS
  • Few apps take advantage of nutrition guidance -- an area we can take advantage of for users to track nutrition as part of their health

  • One of the more popular ways for community support functions on these competitors' apps was challenges

  • Suprisingly, not many of the competitors do milestone rewards

DESIGN

Start the Design

Here, we established our personas, information architecture, sketches, and wireframes.

WHO ARE OUR USERS?

To help define our case study, we asked the following question: How might we design an app that trains fitness enthusiasts of all experiences, track progress and nutrition, and connects with other “Athleets” in the community?

We categorized users into two primary types:

PERSONA ONE: The Beginner

PROBLEM STATEMENT: Benny is a young adult who needs a specific training plan because he’s an inexperienced athlete.

PERSONA TWO: The Advanced

PROBLEM STATEMENT: Abby is an experienced crossfitter who needs goal and progress tracking because she wants to be a competitive athlete.

User Flow

This information architecture immensely helped with the app's organization.

Lo-Fidelity Wireframes

In this phase, we turned our lo-fidelity sketches into the mid-fidelity prototype.

Simple profile that allows user to track their progress.

Training program users can access training and safety information.

Raids connecting users based on interests, experience, and location.

HoaMaiVector_brown_edited.png

INITIAL UI DESIGN

Before developing the first prototype, we created this style guide to ensure consistency across the user interface.

TEST

Usability Studies

While users could navigate the user flow, we heard feedback that our app lacked a marquis feature to get people to use it instead of what they already do. As such, our usability sessions pivoted into desirability sessions.

FINDINGS
  • Advanced users value nutrition tracking the most.

  • The majority of users enjoyed the collaborative fitness challenge ideas.

Revising the Design

As people valued the multiplayer aspect most, we pivoted from a training app to a health and nutrition tracker. Users can create teams to complete challenges cooperatively, from weekly “quests” to the monthly “raids” that reward teams for challenge completion.

While maintaining features that make fitness apps successful, we also turned toward the loop systems of games like World of Warcraft, Destiny 2, Halo Infinite, and Genshin Impact. Live service games designed around retention will help users get deeply invested in the engagement and their health.

The redesigned profile screen is cleaner and features recent workouts, raids, and rewards.

We streamlined the active workout screens to display the standard metrics fed by a wearable.

Hi-Fidelity Prototype

REFLECTION

Takeaways

Now that we have redesigned the primary function of the app, we have our next steps lined up:

  • Circle back to our users: Since the scope of our design changed, we need to update our user data and personas.

  • Build out a more robust and meaningful rewards system

  • Collaborate with fitness community members to craft more exciting and effective quests and raids.

REFLECTION

Thank you for reading our case study! If you found this interesting, you can reach me at jennthnmai@gmail.com, or my partner Justin at howdy@justinballard.design.

bottom of page