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.
Motivate people into an exercise routine that suits their level, schedule, and interests.
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.
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.
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.
To ensure consistency across all breakpoints, all visual and UI elements must be documented in a style guide.
Click on the button below to access the latest prototype.