It's always difficult getting into new routines, but it always seems that fitness and exercise can be a particularly challenging hurdle to overcome. Popular excuses are: not having enough time, busy with work, not being able to keep up physically, or this is boring.
Fitted is something any user can pick up, find something they love, and fit it into their daily schedule.Ā The web app will encourage users to pick exercises of any level, fitting in as little as a 5-minute routine into their schedules. It is welcoming, motivating, and will hold users accountable to their own fitness goals.
This project was created as part of the UI specialization in CareerFoundry's UX Immersion course.
Project Brief
Motivate people into an exercise routine that suits their level, schedule, and interests.
Problem Statement
Users need a tool that teaches them enjoyable exercise routines integrated intoĀ their busy schedules because they want to beĀ in shape and leadĀ healthier lifestyles.
User Flows
Based on a user persona, user stories, and some design requirements, I focused on features the app would have. By identifying the key features of the app, I was able to createĀ user flows that satisfied user needs and goals.
Sketches & Wireframes
Next, I sketched each screen in the user flow to get a sense of what it could look like and make sure all the necessary features were there. After finalizing the sketches, I started working on a low-fidelity digital wireframes.
Moodboards
Two moodboards were created to explore different visual styles that could possibly work for the branding an app of Fitted. One design requirement in the brief was that the colors orange and black be used.Ā 
The moodboard on the left was chosen becauseĀ it conveys feelings of beingĀ at ease, informative, fun. It is more friendly and welcoming, making it more motivating for people who are new or returning to fitness. This board is inspired by the sun. Incorporating oranges, yellows, and white, it evokes brightness and energy. Black will still be used, but for text only.
Style Guide
To ensure consistency across all breakpoints, all visual and UI elements must be documented in a style guide.
Final Design
Click on the button below to access the latest prototype.
Back to Top