Health and Fitness app that helps you reach your fitness goals from the comfort of your home.

Duration

May - September 2020

Team

Alone, Course Project

My Role

UI Design

Project Overview

The goal with UPBeat was to design a responsive web app that will motivate people into an exercise routine that suits their level, schedule, and interests.

Problem

With the amount of workout videos online finding exercise routines for your fitness level can be difficult. It’s also challenging sticking with a routine once you have started. Upbeat is designed to encourage people who want to get started exercising while helping them meet their fitness goals.

Solution

Create a web app where users can find workouts based on their fitness level, schedule workouts ahead of time and be reminded, create their own goals and keep track of them, and add a gamification layer to keep users motivated.

Search and filter exercise videos (based on type, difficulty level, length, etc.)
Exercise scheduler
Option to add sessions to calendar
Create user accounts
Tracking and charting of users’ progression over time
A game layer with challenges, achievements, and/or rewards
Social sharing for routines or favorite exercises

Feature Requirements

Taking each of the feature requirements a user flow diagram was made to represent each task that I needed to create.

User Flow Diagram

Wireframes

Low Fidelity Wireframes

Low Fidelity Wireframes were created to outline the basic layout of the app and to layout the actions needed to complete each task.

Mid Fidelity Wireframes

Mid Fidelity wireframes were given more detail and UI elements were added.

Low Fidelity Wireframes

Low Fidelity Wireframes were created to outline the basic layout of the app and to layout the actions needed to complete each task.

1/2

Final Designs

Onboarding

To generate your top workout picks and track your progress answer questions about your goals and your exercise preferences.

Create Account

Create an account and customize your goals and exercise preferences.

Workouts

Based off of your preferences UPBeat will recommend the best workouts for you along with showing you the newest videos on the site. You can also filter and sort through all workouts.