The Project
Research shows that one of the main reasons why it is hard for people to start working out and get healthy is that they do not know how to get started based on their fitness goals and how to stick to a challenging yet fun routine.
FiTTed aims to provide users from all fitness levels the ability to get personalized exercise routines they can perform in any setting.
Duration: 14 weeks
My role: UX/UI Designer
Tools: Pen & paper, Sketch
Problem Statement
One of the barriers to starting an exercising program and sticking to it is that people do not know how to get started or how to take their current fitness to the next level across many settings.
The Objective
To design a responsive web app that provides users with the guidance they need to achieve their fitness goals in any setting.
The Solution
To create a web app that allows users from all fitness levels to generate a progressive fitness program that can be fulfilled in any setting in addition to direct assistance from personal trainers on demand.
User Flows
Low Fidelity Wireframes
My low fidelity wireframes are economical. I normally picture high level and how my main screens will look in different responsive formats.
Mid Fidelity Wireframes
After sketching my low fidelity wireframes by hand, I created my mid-fidelity wireframes with Sketch. In doing so, I visualized all the key features I wanted to incorporate and added more granularity. Personally, I feel more organized and inspired working with this software tool rather than hand sketching.
Responsive Designs
Style Guide
Thanks!
