🚧 Sorry! Parts of my site are still under construction. 🚧

If you have any questions, please view my temporary portfolio HERE and contact me directly at michelleytlock@gmail.com!

πŸ‹οΈβ€β™€οΈ Fitted

πŸ‹οΈβ€β™€οΈ Fitted

A responsive web app with fitness routines for busy people.

Timeline
2 months
Category
UI Design
Type
Responsive Web App
My Role
Information Architecture, Sketches, Wireframes, Prototyping
Tools Used
Pen and paper, Balsamiq, Adobe XD

Context

It's always difficult getting into new routines. Fitness and exercise can be a particularly challenging hurdle to overcome. Popular excuses are: not having enough time, busy with work, not being able to keep up physically, or this is boring.

Fitted is something any user can pick up, find an exercise they love, and fit into their daily schedule.Β This web app encourages users to pick exercises of any level, fitting in as little as a 5-minute routine into their schedules. It is welcoming, motivating, and will hold users accountable to their own fitness goals.

This project was created as part of the UI specialization in CareerFoundry's UX Immersion course.

Project Brief

Motivate people into an exercise routine that suits their level, schedule, and interests.

Problem Statement

Users need a tool that teaches them enjoyable exercise routines integrated into their busy schedules because they want to be in shape and lead healthier lifestyles.

User Flows

Based on a user persona, user stories, and some design requirements, I focused on features the app would have. By identifying the key features of the app, I was able to create user flows that satisfied user needs and goals.

Sketches & Wireframing

Next, I sketched each screen in the user flow to get a sense of what it could look like and make sure all the necessary features were there. After finalizing the sketches, I started working on a low-fidelity digital wireframes.

Moodboards

Two moodboards were created to explore different visual styles that could possibly work for the branding an app of Fitted. One design requirement in the brief was that the colors orange and black be used.

The moodboard on the left was chosen because it conveys feelings of being at ease, informative, fun. It is more friendly and welcoming, making it more motivating for people who are new or returning to fitness. This board is inspired by the sun. Incorporating oranges, yellows, and white, it evokes brightness and energy. Black will still be used, but for text only.

Style Guide

To ensure consistency across all breakpoints, all visual and UI elements must be documented in a style guide.

Final Design

Retrospective

Challenges

  • tk

Improvements

  • tk

What's Next

  • tk