Fit For You App 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

Tools

Adobe XD / Photoshop / After Effects

image of fit for you screen

Challenge

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.

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.
image of fitbod exercise screen

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.
image of BetterMen exercise screen

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.
image of Home Workout Fitness exercise screen

Personas

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

image of African American man

Brandon

Age:

25

Occupation:

Teacher

Status:

Single

Location:

Raleigh, NC

Hobby:

Playing Basketball

Goal:

Wants to maintain physical physique.

image of African American man

Lisa

Age:

22

Occupation:

Student

Status:

Single

Location:

Kansas, MO

Hobby:

Oil Painting

Goal:

Wants to create a regular workout schedule.

image of African American man

Chris

Age:

43

Occupation:

Engineer

Status:

Married

Location:

Tampa, FL

Hobby:

Jet Skiing

Goal:

Wants to focus on healthy eating habits.

User Needs

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.

  • 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
image of fit for you screen

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
image of woman stretching

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
  • Create profile
  • Select exercises
  • Browse tutorials
  • Select dates to exercise
  • Exercise
image of diagram

Low Fidelity Wireframes

  • Users able to select their experience level which determines workout difficulty

IOS

image of woman stretching

Android

image of woman stretching
  • View images of the location
image of woman stretching
image of woman stretching
  • Create workout schedule
image of woman stretching
image of woman stretching
  • Begin working out
image of woman stretching
image of woman stretching
  • Profile allows you to change workout difficulty and body information to keep track of weight loss and gain
image of woman stretching
image of woman stretching

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

image of user icon image of home icon image of weight icon image of calendar icon image of heart icon image of player icon image of search icon image of settings icon image of back arrow icon

High Fidelity Wireframes

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

IOS

image of IOS screen

Android

image of Android screen
  • They then pick between a variety of workout options for the targeted area.
image of IOS screen
image of Android screen
  • The users then able to workout with recommended settings based on the difficulty level they've chosen during the questions phase.
image of IOS screen
image of Android screen
  • The home page provides helpful walkthrough videos if the user needs assistance.
image of IOS screen
image of Android screen

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.

    User 1:

  • 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

image of IOS screen

Android

image of Android screen

    User 2:

  • You could change the logo to a weight to have the app become gender neutral, but everything overall was simple and easy to read.
image of IOS screen
image of Android screen

    User 3:

  • The users then able to workout with recommended settings based on the difficulty level they've chosen during the questions phase.
image of IOS screen
image of Android screen

Final Study

Takeaways

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

IOS

image of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphone

Android

image of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphoneimage of workout screen on iphone