top of page
final.gif

Overview

Fit For You is an app that helps users plan their workout schedule based 
on their needs. It focuses on helping people at all stages from beginner to 
advanced exercise at home since users maybe  unable to go to a gym for 
a variety of reasons. 

Role

UI/UX Designer

Users are having a hard time going to the gym to work out. They may be too busy with life or afraid to workout in a public setting due to current world issues. Most workout apps I've come across don't ask the right questions to help users determine what they need to succeed or provide services beyond working out.

android 14A_2x.png

Challenge

iphone_empty.png

Competition

Fitbod

Doesn’t ask questions to help guide the user to the best possible workout. Fit For Your asks a series of questions to provide suggested workout options for its users.  

Group 171.png

BetterMen

Provides user with workout programs instead of letting the user create their own workouts. Users may be looking for specific workouts that aren’t 
available in the program. Fit For You suggests workouts and gives the user the option to choose which exercise they would like to perform.

Group 167.png

Home Workout Fitness

Doesn’t allow you to time your workout sessions. Users would like to view how long their sessions are to see progress over time. Fit For You lets you start and stop your sessions and view past 
workout sessions to see your progress.

Group 166.png

Personas

Fit For You targets users between the ages of 21 to 44. This group is most likely to work out and at the age may not have a lot of free time due to work or school.

black-man-young-man-african-american-male.png

Brandon

Age

Occupation

Status

Location

Hobby

25

Teacher

Single

Raleigh, NC

Playing Basketball

Goal: Wants to maintain physical physique

Young-Adults-Transitioning-to-Independence.png

Lisa

Age

Occupation

Status

Location

Hobby

22

Student

Single

Kansas, MO

Oil Painting

Goal: Wants to tone up and create a regular workout schedule

adult-beach-beard-736716-e1551904460967.png

Chris

Age

Occupation

Status

Location

Hobby

43

Engineer

Married

Tampa, FL

Jet Skiing

Goal: Wants to focus on healthy eating habits

User Needs

Everyone chooses to exercise for a variety of reasons. Whatever the reason may be, Fit For You strives to be a reliable app for all of its users. Here are a few things users expect from Fit For You.

To track and view created workout schedules on a calendar

To time their workout sessions

Have the ability to modify workout exercises

Track workout progress

Tips to view how to properly execute selected exercise

gq%20april%202020%20an%20at-home%20hiit%20workout.png

Solution

Users will be asked a series of questions when signing up so that they can be given a suggested workout based on their answers. Afterwards, they can then create their own workout schedules based on their availability. They will be shown videos to help them start healthy eating habits to assist them on their journey towards a fit life! 

Design Process

Competitive Research

User Flow Map

Low Fidelity Wireframes

Native App Designs

High Fidelity Wireframes

Prototype / Feedback

home-workout-lead-1584370797.png

User Stories

The user wants to create a profile on Fit For You in order to create a schedule to workout regularly. The user flow map was created based on the user story. 

Answer questions to determine workout

Browse tutorials

Create profile

Select dates to exercise

Select exercises

Exercise

fit diagram.png

Low Fidelity Wireframes

IOS

Users able to select their experience level which determines workout difficulty 

4. Skill_2x.png

Android

4A. Skill_2x.png

View images of the location

IOS-1_2x.png
Android_2x.png

Create workout schedule

8. Schedule Workouts_2x.png
8A. Schedule Workouts_2x.png

Begin working out

11. WorkOut_2x.png
11A. WorkOut_2x.png

Profile allows you to change workout difficulty and body information to keep track of weight loss and gain

IOS_2x.png
Android-1_2x.png

Native App Designs

Typography

Segoe UI

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold / Regular

Colors

#5E86DA

#F6AF50

#525252

#ADAFBC

#E4E4E4

#FFFFFF

Icons

Icons 22px - White - User.png
Search Icon.png
Home Icon.png
Weight icon.png
calendar icon.png
play.png
Heart icon.png
Setting Icon.png
Group 139.png

High Fidelity Wireframes

IOS

The user selects the area of the body they choose to focus on

9. Target Areas_2x.png

Android

9A. Target Areas pt 1_2x.png

They then pick between a variety of workout options

for the targeted area 

10. Create_2x.png
10A. Create_2x.png

The users then able to workout with recommended settings based on the difficulty level they've chosen during the questions phase

14. WorkOut_2x.png
14A. WorkOut_2x.png

The home page provides helpful walkthrough videos if the user needs assistance. 

12. Home_2x.png
12A. Home_2x.png

User Feedback

IOS and Android prototypes were created and tested by several people to gather feedback on what worked and what didn't. Here is what they had to say. 

Change the home page title, 
the healthy food video 
doesn't match the title page 
and creates a disconnect 
with everything else on the 
page.

IOS

7A. Home_2x.png

Android

Group 164.png

You could change the logo 
to a weight to have the app 
become gender neutral, but 
everything overall was 
simple and easy to read. 

I took the suggestion into consideration and decided to stay with the original logo

Android-2_2x.png

You can add a progression bar to showcase how many questions the user has answered and how many they have left.

4A. Skill_2x.png
Group 165.png

User 1:

User 2:

User 3:

Final Study

Takeaways: I would like to add options to edit and monitor your diet as food is an important part of fitness.

IOS

iphone 1_2x.png
iphone 5_2x.png
iphone 2_2x.png
iphone 6_2x.png
iphone 3_2x.png
iphone 7_2x.png
iphone 4_2x.png
iphone 8_2x.png
iphone 9_2x.png
iphone 10_2x.png
iphone 11_2x.png
iphone 12_2x.png
iphone 13_2x.png
iphone 14_2x.png
iphone 15_2x.png
iphone 16_2x.png
iphone 17_2x.png
iphone 18_2x.png

Android

android 1A_2x.png
android 5A_2x.png
android 9A_2x.png
android 2A_2x.png
android 6A_2x.png
android 10A_2x.png
android 3A_2x.png
android 7A_2x.png
android 11A_2x.png
android 4A_2x.png
android 8A_2x.png
android 12A_2x.png
android 13A_2x.png
android 14A_2x.png
android 15A_2x.png
android 16A_2x.png
android 17A_2x.png
android 18A_2x.png
android 19A_2x.png
bottom of page