Fitted is an app to motivate people into an exercise routine that suits their level, schedule, and interests.

This is a UI Design app project.

bf4b5436-b1f5-4187-92a2-3b3377609baa_rw_1200.png

I chose this project because I wanted to try my hand at a fun, energetic UI. I created user-friendly UI that isn’t minimalistic, yet presents very solid, clear design that provides consistent and reliable rewards/incentives for the user to keep going.

Goal

Crafting accountability for people who are new or returning to fitness

Users

Ideal users would be beginners who are new or returning to fitness, want to find activities they like, and get into a good routine will be interested in Fitted.

12e860c9-a2e6-4795-b24e-a875c89cc83b_rw_600.png

Process

User research was completed prior. UI is the main focus. During the initial stages the focus was on building a user flow, creation of mood board and style guide, and iconography that lead into wireframing and prototyping.

89e58924-14ac-4d78-adef-90378cebf088_rw_600.png

Persona Example

Rebecca is a 26 year old mother and software developer. She has a busy schedule, and wants to lose weight. She needs a tool that will teach her how to properly exercise and recommend routines she will enjoy.

093cd68b-b3e0-43af-8716-7bcbde9ffc61_rw_1920.png

User Flow

I created a path taken by a prototypical user on the app to complete a task. The user flow takes them from their entry point through a set of steps towards their successful goal. In this case, the goal is for Rebecca to successfully complete a workout.

b38fdef3-6601-4e60-bdae-e2d3256b70f4_rw_1920.png

Mood Board & Style Guide

The different colors will draw the user’s eye to different exercise routines as the browse and schedule accordingly. The primary color white signifies simple, pure, and minimal. This will balance the use of bright expressive colors such as orange and yellow conveys an adventures, cheerful vibe while the green, purple, and red are tertiary colors used to differentiate different exercise routines. For example, green will be used for recovery and low-intensity routines as green signifies calm and restful.

Color Palettes

UI Elements

Iconography

Final Showcase

Previous
Previous

UX App Design

Next
Next

Minutes Resume (Landing Page Redesign)