PROJECT
Fitted is an application that helps its users develop a routine by assisting them to get comfortable with working out no matter their level, the focus of their workouts, or the workout duration.
Duration: 2 months
Tools: Adobe XD
PROBLEMS & GOALS
It is challenging to start working out and develop a routine, especially if you do not know where to start. Fitted is a responsive web app that will help teach users everything they need to know to get started or assist them.
The users have busy lives and prefer workouts that fit their tight schedules. To solve this problem, Fitted will have exercises that range from five minutes to one hour, giving a choice to users depending on their preferences.
USER PERSONA
A user persona was created to understand the users' needs and goals better.
SITEMAP
A sitemap was created to show how Fitted is sectioned.
PROTOTYPING
LOW-FIDELITY PROTOTYPE
A low-fidelity prototype was made to get an idea of what the application may look like
MID-FIDELITY PROTOTYPE
After the initial sketching phases, I made a mid-fidelity prototype to show more detail than the low-fidelity prototype and look similar to the final product. I also made a mid-fidelity prototype of some breaking points on a desktop, a tablet, and a phone.
MOOD BOARD
Before deciding how the high-fidelity prototype would look, I created mood boards to decide on the style I would use for Fitted. I ultimately chose to go with the "versatile. easy. fun" moldboard because the user persona is a busy person that is a beginner in developing a workout routine. The picked mood board felt more welcoming to users.
With the picked mood board, I made three screens with different color combinations inspired by the mood board. I decided to use a variety of dark grey, orange, and blue because they evoke sophistication, warmth, trust, and neutrality. The emotion will also make the users trust Fitted and not feel judged for being a beginner.
UI STYLE GUIDE
HIGH-FIDELITY PROTOTYPE
I was ready to create a high-fidelity prototype to better visualize and communicate the design after picking the theme of Fitted.
RESPONSIVE BREAKPOINTS
CONCLUSION
The problems were for the users to find workouts that could fit into their schedules and that they could do. To fix those problems, Fitted has activities that range from five minutes to one hour depending on how long the users want to exercise, it has daily reminders, awards, and the ability to share progress to keep the users motivated and on track, and the exercises have a video and written explanation showing how to perform the activities.
In the future, I would like to collect feedback on the app from users on what they like they dislike about Fiited so that I could iterate it to suit their needs and goals better.
Link to mobile prototype: https://xd.adobe.com/view/5656d6ad-d655-4315-96fb-557697755670-0305/