Goal & ScopeCONTEXT
Firstly, finding exercise routines for your level can be difficult, especially if you want to try something new. This responsive web app aims to help people get into an exercise of their choice by holding their hand through the journey - providing routines, guides, interactive examples, and info. Secondly, finding routines that fit into your schedule is not easy. The web app is designed to encourage people who want to exercise get into an easy routine for physical activities. This means fitting in as little as a 5-minute routine. |
WHO People who are new or returning to fitness, want to find activities they like, and get into a good routine will be interested in Fitted. WHAT A responsive web app is best for Fitted, as users can search and view routines, guides, daily challenges, and other information on any device. They can also keep a schedule by adding sessions to their personal calendar. WHEN As the web app aims to get users into a routine that suits them, the web app can be used whenever they like. They will use the web app while they are searching for, scheduling, and following routines. WHERE When on the go or when practicing exercise routines at home, in the park, on the street, etc. Users can stay fit anywhere, as long as they’re logged in on a device. WHY
Vertical Divider
|
PersonaI love the thought of having something that could really work with my schedule. Being as busy as I am makes it tough to exercise otherwise. |
Vertical Divider
|
Tasks & Flows
WireframesFIRST DRAFT
The first draft of the wireframes aims to establish the navigation and information architecture. The main few screens were drawn as the backbone of the app. These screens attempt to answer the project’s objective and the main tasks:
Vertical Divider
|
SECOND ITERATION
Second iteration shows developed screens with the following changes:
Vertical Divider
|
LAST ITERATION
Along with implementing the visuals and making it aesthetically pleasing, the final app look was amended with more user friendly alteration:
Along with implementing the visuals and making it aesthetically pleasing, the final app look was amended with more user friendly alteration:
- Dashboard was improved on the hierarchy, including programs as a horizontal scroll. The thinking behind it is to tempt users into committing to a program and have a full experience with small increments of activity they enjoy
- Bottom navigation was simplified to 4 icons to ensure only relevant content is at immediate glance
- Scheduling an exercise is brought forward as to make it more visible through a big button rather than just an icon
- Profile page is adapted to include Level Grade as an achievement of consistency. Since users are encouraged to dabble in different type of workout they can see a graph of their activity for each type. On the same page a history of completed challenges and workout is available
Style guide#EASY #FUN #INFORMATIVE
The visual choice here is on earthy tones and curvy lines. It is not as aggressive/shouty as some of the workout apps, it brings calmer emotions inviting users to take the journey of fitness in their own pace step by step without added stress. The white background helps to bring lightness. Vertical Divider
|
COLOURS
|
TYPOGRAPHY
|
ICONS
|
BUTTONS
|