determined sportswoman doing lateral lunge exercise at fitness c

OVERVIEW

"Fitted" is a responsive web app to keep users motivated with an exercise routine that suits their level, schedule, & interests. 

ROLE

UI Designer

TIME FRAME

2 Weeks

WHY A FITNESS APP?

The reason I decided to create a fitness app is that I have never had a great experience with one. It's difficult to find a fitness app that is functional, motivational, and easy to use. Fitness itself is something many of us already struggle with- so I wanted to come up with something simple and fun to use. 

sitemap@2x-3

PERSONA

CareerFoundry gave us an assignment with a design criteria, with Rebecca as our persona. Using this persona has given me her pain points, goals, and needs. 

persona@2x
mood-board@2x

The design criteria called for orange and black for their color palette. I created a mood board with different shades of orange. I wanted a shade of orange that is playful, vibrant, and bold. 

WIREFRAMES

After analyzing Rebecca's goal and needs, it gave me a foundation to sketch out low-fidelity wireframes. While creating my mid to high fidelity wireframes, I wanted to make sure I catered to the desired features and to ensure it's user friendly. Here is an example of how my wireframes evolved from low, mid, and high fidelity. Listing the variety of workouts was something I wanted the user to easily access without getting lost and clicking everywhere. I also wanted to make scheduling accessible without leaving too much information on the workout card. Sliding the card to the left will enable the user to share, save, or delete. 

low-to-high@2x-3

USER FLOW 1

Scheduling a workout

Rebecca wanted an app that is easy to use. While clicking on a particular workout, she is able to see what is needed to complete the workouts, an overview, instructions, share routine, and add to calendar.

user-flow-1@2x
user-flow-2@2x

USER FLOW 2

Workout Challenge with Friends

Rebecca wanted workout challenges, share routines with friends, and earn achievements. I combined the three and created a “challenge with friends” game within the app. I believe these key factors will keep Rebecca and her friends motivated and engaged.

colors@2x
buttons@2x-1
icons@2x
type@2x

CONCLUSION

Although there are many apps out there that help us keep in shape, it's hard to keep motivated and some can be boring at times. Fitted is an interactive app and is something you can do with your friends and it makes working out fun. 

all-high-fi@2x

See more projects

error: Please be nice and don\'t steal. Mahalo!