Exersify

Performance Tracking App

Exersify

Overview

Exersify is a personalized platform which motivate individuals to achieve their health and active lifestyle’s goals without inflicting harm to their body and overexert . In this project I was responsible to transfer the ideas to wireframes and create high fidelities screens and implemente the changes to final product.

Role

UX/UI Designer
UX Researcher

Tools

Figma
Miro

Team

3 Product Designers

Duration

Feb 2020 - May 2020

Problem

In a world of healthly lifestyle and fitness, There are hundreds of apps to track users’ calories, weight and exercise progress. However, many of these apps fail to maintain users’ attention in the long run.

To understand better what exactly people need while exercising or doing activities, we conducted 18 user interviews:

Sara:

“I need recommendations based on my workout & food intake.”

Alex:

“I don’t know if I am dehydrated or not.”

Judy:

“I can’t figure out if I am losing weight due to loss of muscle mass/fat.”

Problem Statement

“How might we help active people strike a balance between body target along with wellness and overexertion?”

Solution

Personalized plans based on body vitals and requirments.

Automatic BMI and BMR calculation based on the body’s vitals like height, weight, BMI, heart rate, & pulse rate. Set fitness goal and progress statistics based on it. Recommended 3 manageable (based on users' needs) plans with different length duration.

Ability to log and track progress (water, activity, food) with reminding feature.

Gradient colored progress bar to show the smooth change between levels prevents stress on the user. The graph with percentage(kcal) axis instead of numbers for easier info understanding. Get warning reminders if the user overexerts to prevent dehydration, injury & muscle loss.

Ability to log and track progress (water, activity, food) with reminding feature.

Gradient colored progress bar to show the smooth change between levels prevents stress on the user. The graph with percentage(kcal) axis instead of numbers for easier info understanding. Get warning reminders if the user overexerts to prevent dehydration, injury & muscle loss.

Syncs any smart body tracking gadget, track fitness goal progress.

Sync with different smart gadgets in a few steps. Demonstrate the synced gadget on the homepage. Monitoring activity level and heart rate during exercises and infrared light that will measure water in blood.

RESEARCH

Market Research

  • A significant increase in the obese population, changing lifestyles, and increasing health concerns primarily drive the fitness app market growth.
  • The number of membership for health clubs and gyms has increase in significantly over years, further promoting the growth of fitness app industry.
  • An increased usage of moble applications, growing adoption of finess and sports applications for monitoring health activities is driving the market demand.
  • The market is witnessing an increase in the demand for wearable devices such as smartwatches, smart bands, and smart rings that have various features such as calling, messaging, and fitness tracking.
  • An increased usage of moble applications, growing adoption of finess and sports applications for monitoring health activities is driving the market demand.
  • The market is witnessing an increase in the demand for wearable devices such as smartwatches, smart bands, and smart rings that have various features such as calling, messaging, and fitness tracking.

Different types of Health and Fitness Apps

Workout tracking Apps

Nutrition & Diet Apps

Competitor Analysis

Insights

We gained insights from the market research and competitive research. It also helped us in understanding user expectations, behaviors, needs, and motivations. Then we used these Insights to ensure that all product design decisions do benefit the user.

1. Make users align their body needs with fitness goals.

2. Motivate users to achieve their fitness goals.

3. Help users to stay on track with push notifications.

EXECUSION

Ideation

Ideation

Ideation

Information Architecture

User-flows

•Task 01

“Add details & requirements to get a plan”

•Usability Testing and Iteration 01

BMR and BMI sections are going to fill automatically after entering the height and weight of the user!

Issue:

Tester tried to add information to this section because the design was the same as the “active” input fields.

Solution:

Change and redesign the section to “deactivate” the input field.

•Task 02

“Track water consumption & get hydration notification”

•Usability Testing and Iteration 02

Issue:

Tester believed is hard to understand the “progress level” by human illustration.

Solution:

Change and redesign the illustration with a“progress bar” with changing colors during progress.

Task 03

“Syncs the bodysuit & Check fitness goal progress”

•Task

•Usability Testing and Iteration 03

Issue:

Tester prefers to have access to the “logging section” from all over the app, not just a homepage.

Solution:

Add the “plus button” to the “navigation bar” to give users better access to the “logging section” by removing and relocating the “fitness progress button” to the top of the homepage.

Style Guide

Logo Guide

Final Design

Sign-up Process
Onboarding Screens
Progress Screens
Add data screens
Smart Watch Screens

Final Design

Sign-up Process
Onboarding Screens
Progress Screens
Add data screens
Smart Watch Screens

Conclusion

In conclusion, Exersify is an app that aligns you closer to your body needs & helps in the overall development of your health. It creates a cycle in your body that can eventually alarm you/train you organically based on the requirements once you start using it.
It is not an all time-dependent app, but a path to knowing your body better & making sure to feed it in the right amount & never overexert it for any short term goals. It not only helps you to reach your goal but also makes sure you are doing it the right way.

What I learned

This project was my first remote experience due to the Covid. The scope of this project was quite large which required multiple review sessions and design decisions. This project challenged me to learn how to communicate with teammates and have everyone on the same page.

More Projects

RadioFm

Live Radio App Redesign

Jurab Store

Ecommerce Website Development

Neolth

Product Design Internship 2020

Designed and Developed with 💗 by Medi Hosseini 2021