.png)
Embody
Empower your body. Elevate your life.
​
Mobile-first responsive web app with custom fitness routines for every level and lifestyle.
Objectives
Executive Summary
Goal: Create an app that enables users to achieve sustainable, personalized, and quick fitness routines.
Potential Challenges: Preventing choice overload, keeping recommendations relevant, and maintaining app performance.
What We Did: Built a responsive app with filterable workouts, scheduling, tracking, and custom plan features.
​
Metrics:
-
95% task success rate for finding and scheduling workouts; SUS score target of 80+.
-
60% of new users completing at least one workout in the first week; average of 3 sessions/week.
Setting the Stage
Project Overview
Project
Role
Duration
Tools
Responsive Web Application
2 Months
UI Designer
-Figma -Zeplin
-FigJam -POP
-ChatGPT -Grammerly
Meeting and Exceding User Needs
Product Features
Check out these five focus areas:
-
Search and filter videos by type, difficulty, and length.
​
-
Schedule exercises for later by adding them to the calendar.
​
-
Track workouts and chart progress.
​
-
Game layer with daily challenges, achievements, and rewards.
​
-
Social sharing feature.
The Steps to Success
Process
The design thinking process was used as a proven foundation on which to build, grow, and achieve the project goals.
Define
Ideate
Prototype
-Persona
-User Stories
-User Task Flows
-Usabilty Testing
- Wireframes
-Style Guide
-Prototype
-Design Visuals
Discover
-Framd Problem
-Solution Statements
DISCOVER
Problem & Solution
Framing the Problem
-
How to find workouts at the right level?
​
-
How do you maintain consistency?
​
-
How do you keep exercise fresh and fun?
​
-
How to fit workouts into a busy life?
Possible Solutions
-
Premade workouts at every level
​
-
Build a custom workout
​
-
Mobile-first design​
​
-
Daily challenges
​
-
Progress tracking tools
​
-
Scheduling calander
DEFINE
Who Is Embody For?
Persona: Rebecca
Demographics:
-
Age: 26
-
Gender: Female
-
Education: Master’s in Software Development
-
Marital Status: In a relationship
​
Goals:
-
Lose weight and get in shape.
-
Fit exercise routines into her busy schedule.
-
Learn how to properly exercise as a beginner to working out.
-
Find routines she can enjoy.
​
Tasks:
-
Find exercises that match her goal of getting in shape.
-
Fit exercises multiple times per day in between other activities.
-
Stay motivated despite her distracting schedule.​
Foundations
User Flows/Information Architecture
User stories and the project brief guided me as I laid out the backbone of the site structure via Flows.
This saves time and money by streamlining design and ensuring navigation adheres to project requirements.
.png)
.png)
IDEATE
Mid-Fidelity Wireframes
Wireframe Evolution
Home
Explore
Calendar
Profile
PROTOTYPE
Branding & UI
Style Guide
Every detail from font and typeface, weight, spacing, color, saturation, pigmentation, and variation got locked down in this stage to create a consistent brand identity that can be passed on forever.
Final Design Visuals
The Finished Product
Final Design Visuals
Responsive Designs
Here's a look at the finished product across desktop, tablet, and mobile. Each layout was tailored to maintain usability and visual consistency across any device.
Landing Page
Home Page
Home Page Mockups
Play with me :)
Prototype
Click the screen below to check out the interactive prototype!
