Fitted

Creating Lifestyle Changes That Last

Fitted is designed to assist users in developing sustainable lifestyle changes through consistent, achievable daily actions. The supportive community facilitates the development of lasting habits and produces visible results over time.

Design Toolkit

Photoshop

Procreate

Adobe XD

Optimal Workshop

Affinity Designer

Usability Hub

Keynote

Overview

Incorporating exercise into a busy schedule can be challenging, and it's common for individuals to abandon their workout routine after a few days. Fitted is designed to assist individuals of all levels in developing lifelong exercise habits with short and simple workouts. Additionally, Fitted provides a supportive community that motivates users to achieve daily exercise goals.

User Flows & User Stories

To start the process, I crafted user stories and a user flow to identify the features to include and gain insight into how users would navigate the platform.

“As a new user, I want to explore various exercises so I can discover the ones that best work for me”

"I want to complete daily challenges so I can have an additional way to stay motivated."

— Wireframes —

I then translated my findings into low-fidelity wireframes to visualize and bring the user journey to life.

Low Fidelity

Once the initial framework is established, the next phase involved creating Mid-Fidelity wireframes. I utilized grids to maintain consistent alignment and ensure a polished and cohesive design.

Mid Fidelity

— Visual Design —

Mood Board

My goal with the mood board was to create a visual representation of Fitted that radiated positivity and fun while emphasizing the importance of community and teamwork. I used a variety of bright colors to convey these feelings and help inspire users to adopt healthy habits with ease.

Style Guide

To align with the mood board's theme of fun, inclusivity, and positivity, I chose the color orange as it conveys playfulness, warmth, and energy. Additionally, green was selected to represent growth and harmony.

High Fidelity

With a comprehensive understanding of the application and the message we want to convey to the end user, we developed a high-fidelity user-centered prototype.

Design Mockups

Animation

Incorporating animations into the platform can enhance the user's understanding of each action they take. To promote interactivity, I added a simple animation that allows users to open the burger menu with ease, resulting in a more engaging and intuitive user experience.

Responsive Design

To ensure that each screen provides enough information without appearing cluttered, I aimed for a clean and consistent aesthetic that is similar to the mobile version.