Elevate

Motivate people to exercise at a level that is appropriate for them and one that suits their scehdule and interests. This responsive web app encourages people to get in shape by providing a taylored workout routine and motivating them to stay on track.

View Prototype
Elevate 2 high fidelity mock up examples
Elevate 2 high fidelity mock up examples

The Brief

Overview
Finding exercise routines for your 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 by holding their hand a bit and providing routines, guides, interactive examples, and info.

Finding routines that fit into your schedule is not easy. The web app 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 5 Ws of Elevate

Design Criteria

User Stories

Variety

As a new user, I want to learn about different exercises, so that I can figure out what is best for me.

Educational

As a new user, I want to be shown how the exercises are done, so that I know I’m doing them correctly.

Routine

As a frequent user, I want to be able to schedule exercises for working out, so that I build positive habits.

Motivation

As a frequent user, I want to be able to earn achievements or rewards, so that I can stay motivated.

Progress

As a frequent user, I want to track progression and record what I’ve done, so that I can see my progress over time.

Lifestyle

As a frequent user, I want to be able to share routines with my friends who may also be interested, so that I can encourage them to become healthier.

Feature Requirements

Search & Filter
Scheduler
Calender
Login/Create Account
Tracker
Gamification
Sharing

Key Messaging

Motivational

Exercise is something anyone can pick up, find something they love, and fit it into their daily schedule

Encouraging

Getting back into exercise doesn’t have to be an ordeal

Progress

Track your progress to see how a little effort goes a long way

User Flows
Elevate user flow
Wireframes
Elevate low to high fidelity screensElevate low fidelity mock up sketchesElevate high fidelity mobile app mock up examples
Features

Daily Challenges and Workout Routines

A game layer with individual daily challenges as an additional way to stay motivated.

Elevate exercise mobile app screenElevate mobile app mock up exercise variety examples

Search & Filter

Search and filter exercise videos (based on type, difficulty level, length)

Elevate mobile app mockup screensElevate search feature mockup

Exercise Scheduler

Based on exercise interests and actual daily routine: commute, sit at desk, etc.

Style Guide

Logo

Illustrations

Elevate illustrations

Animations

Elevate loading gif man doing a pushup

Typography

Elevate design system typography
Elevate exercise example screen mock up

Colour Palette

Elevate colour palette

Icons

Elevate iconography

UI Elements

Elevate UI components tabs buttonsElevate UI components form fieldsElevate UI components tabsElevate UI components tabs accordionElevate UI components sliders and tabs