It's always difficult getting into new routines. 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 an exercise they love, and fit into their daily schedule. This web app encourages 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.
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.