A workout that fits in your schedule.

A workout that fits in your schedule.

[fit]ed is a workout app designed to get busy people moving in increments of time that work with their schedule. Users select a Time Limit, a Difficulty Level, and a range of body-weightworkout types and a workout for them is generated based on their criteria.

The Objective

The main objective of [fit]ted is to motivate people into an exercise routine that suits their level, schedule, and interests. Finding exercise routines for any 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 quickly and easily. Another main issue is finding routines that fit into your schedule. [fit]ted 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.

The Process

  • Figuring out the problem, competitive analysis, and hypothesizing solutions.

  • Analyzing user personas and flows, wireframing, and initial user testing.

  • Developing the brand and style guide, user interface design.

  • Building a working prototype in Figma, device mockups and building out responsive layouts.

A Workout Solution

The [fit] Function

The app's primary feature is its ability to generate a workout tailored to the user's available time. This design pattern is crucial, as it serves as the focal point of the homepage. Users can easily select their desired duration and difficulty level, and the app will create a customized workout based on these parameters.

Comprehensive Exercise Library

The library of available workouts allows users to create personalized workout lists. Each exercise features a heart icon that, when clicked, saves the exercise to a user’s custom list. This list can be filtered by various criteria, including difficulty, duration, and more, making it easier for users to find workouts that best suit their needs.

Custom Scheduled Workouts

Users should also have the ability to schedule workouts, which is why I implemented a calendar feature. This allows them to add workouts or saved programs easily. The scheduling function is linked to individual exercises, enabling users to compile a list that can be accessed through a date picker for scheduling.

Wireframing Progression

Designing the Experience

Responsive Layouts

Final Prototype

Thank You

Thank You

Thank You

Thank You • Thank You • Thank You •