Fite Rite

Solving the competitive Athlete's weight struggle

FITE RITE home page.png

Overview

CHALLENGE

There are other fitness apps that help people loose weight. I will keep my focus on research and user interviews to understand what apps already exist and what is missing. 

How can I help the modern day fighter stay on track of their weight and nutrition, making a safer and healthier fighter?

Fite Rite is an app I created to help competing fighters keep track of their weight. As a competing boxer myself, I have seen the challenges that fighters go through to stay on track of their weight. They often find out right before the fight that they still need to loose weight and this drains their energy.

SOLUTION

- Have the athlete know their start weight and end goal

- Understand what they need to do to stay on track for fight day

- Connect with their coach so they can see the fighters progress

ROLE

UX Designer | UX Researcher | UI Designer

 

Research

Investigating the Problem

I wanted to start off this project doing a lot of research to get an understanding of what the competition is, who is my target audience, and what the underlying structure will look like.

Competitive Comparitive Analysis

.

7.jpg
8.jpg

User Interviews

4.jpg

User Personas

IMG_0793.jpg
5b.jpg
6.jpg

Story Mapping

11.jpg

Site Map

10.jpg

User Flows

9.jpg
 

Iterations

Sketches

12.jpg

Lo-fi Wireframes

PG1 - HOMESCREEN.png
PG2 - CHOOSE DATA.png
PG3 - ADD DATA.png

Iteration 1 - Hi-Fi Wireframes

HOME SCREEN.png
SAVE WEIGHT.png
CHOOSE DATA.png
PHOTO MAIN.png
ADD DATA.png
SAVE PIC.png

User Testing

15.jpg

The app was tested with 5 users. The most useful takeaways :

  • The design is too cluttered and complicated.

  • Users need a call to action and did not know what to do with the app.

  • The icons were confusing.

  • The users did not understand what actions to take in order to complete a task.

 

Final Product

Iteration 2 - Lo-Fi Wireframes

ADD WEIGHT 2.png
CHOOSE DATA 2.png
HOMESCREEN 2.png

Iteration 3 - Hi-Fi Wireframes

LOG IN .png
HOME SCREEN.png
HOME SCREEN SETTINGS.png
HOME SCREEN ADD ENTRY.png
ADD WEIGHT - DATE .png
ADD WEIGHT 1.png
ADD WEIGHT - TIME.png
ADD WEIGHT 2.png