Home workout app

for Youths
Hein Set Swe | UI/UX Designer
Project overview

The product:
Application that aims for youths to do workout at
their home easily and effectively

Project duration:
November 2021 to January 2022
Project overview

The problem: The goal:

Some have no idea about how to start This application aims to provide an efficient
working out at home in the correct way. home workout plans to the youths with
Some also find inconvenience points in useful features.
their home workout time.
Project overview

My role: Responsibilities:
The whole project, both UX and UI were ● User research (Interviews)
designed by Me. ● Wireframing & Prototyping
 ● User research
Understanding ● Personas

the user ● Problem statements

● User journey maps
User research: summary

The user research was conducted by interviewing some friends in my community who have
experience in working-out at home. Interviewing them helps to know their experience and
problems in more deeply and helps to find solution for their problems easily.

Most of them find problem in doing some exercises which are not convenient to do at their
place and some also find problems as they cannot pause the timer of some apps.
User research: pain points

1 2 3
Timer Daily Progress & Result No Choice

In some cases, some User wants to check In some cases, some

workout application their daily progress application did not let
did not provide timer and note down daily the user to choose the
between exercises and results in the daily exercises or
some not able to set application. (Weight, remove some which
time limit. wrist size and etc.) are not able for user to
do.
Persona: Reyna
Problem statement:
Reyna is a teenage
college girl
who needs efficient
home workout app
with useful features
because working-out
with youtube videos
are inconvenience for
her.
User journey map

I created the user journey

map to know user
onboarding app
experience and find some
points to make
improvement.
 ● Paper wireframes
Starting ● Digital wireframes

the design ● Low-fidelity prototype

● Usability studies
Paper wireframes

This is the final paper

wireframes design of the
app based on the user
journey map.
Digital wireframes
I turned the paper wireframes to digital low fidelity wireframes with Figma.
Low-fidelity prototype
This is the low fidelity
prototypes created with lo-fi
wireframes to test the usability
of the app.

Low-fidelity prototype
Usability Study
Using the low-fidelity prototype, I conducted the usability
study with 3 participants to know about their experience.

Note Taking Spreadsheet

Affinity Diagram
Usability study: findings
There are some main finding uncovered by the usability study.

1 2 3

Simple Improvement Convenience

Most of the users okay Most of the user dislike Users mostly do not go
with the app UI and only the hamburger menu back to the previous
one user confused with and user profile page exercise
features
 Refining ● Mockups
● High-fidelity prototype
the design
UI Elements
Typography Color Palette

Poppins Primary Colors

Poppins Regular
#06324B #29A19C
Poppins Medium

Secondary Colors

#E24678 #D2DCDC #FFFFFF

Mockups Before usability study After usability study

There are some

improvements in UI
design after the Usability
Study.

As most of the users

dislike the user profile
page design, I changed it
into new look.
Mockups Before usability study After usability study

Exercise page is also

changed into new look as
it was too simple and
boring.
Final Design Mockups
High-fidelity
prototype
High-fidelity prototype
 ● Takeaways
Going forward ● Next steps
Takeaways

Impact: What I learned:

Most of the users fond with this app and While developing this home workout app, I
satisfied with the UI, functions and features. realized that UX is vital for an app and the
UI design and ideas are depended on users.
One of the user said :
“ This is what I need. I find easy doing
workout at home with this app. This app is
exactly made with my preference. ”
Next steps

1 2

I will continue developing I will also try to extend the

the some features of this app to provide exercises
app as some of the for weight loss and height
features are not fully increase.
developed due to the time
limit.
Let’s connect!

You guys can contact me Here.

zayne.27.click@gmail.com
https://www.behance.net/heinsetswe
Thank you!