2. The product:
We allow coaches and fitness businesses to expand their reach beyond their
physical space, better connect with members, and even digitize the training
experience. We empower them to build their own vision of fitness and we help
them stay accountable every day - through our product, our people and our
shared purpose.
Project overview
Project duration:
March - September 2023
3. The problem:
Fitness apps are all the rage today. According to
recent research, 42% of smartphone or tablet
owners use at least one fitness app. As wearable
devices become more widespread and
accessible, an increasing number of consumers
is connecting their smart wearables to apps with
the aim of tracking their health and fitness. We
recently witnessed an explosion of new products
that promise to track steps or count calories to
help users become fitter, stronger, and healthier.
However, many of these apps fail to maintain
users’ attention in the long run.
Project overview
The goal:
There’s a much more efficient way to motivate
users. By setting the correct type of goals:
SMART goals. Fitness plans should work, and
create a more innovative approach that can help
everyone stay accountable on their workouts or
fitness programs while also enjoying it.
4. My role:
- Identify what features the fitness apps
lack to help users use them better
- Identify which part of the app is difficult
for users
- Improve overall quality and fill in the
gaps of past research and new found
research
Project overview
Responsibilities:
- User research
- Wireframing
- Prototyping
- Creating affinity diagrams
6. User research: summary
We’re creating a new app to help fitness clients to schedule their
workouts, choose the right trainer for them, and stay accountable on
their fitness goals. We need to find out if the main user experience (i.e. booking an
appointment, choosing a trainer, making payments through the app).
This is an update where we modified the options of the pay and
address section so users can choose to pay with their credit card or at
the front desk while also providing a privacy policy page to inform
them how their personal data is handled. We have also updated the the
programs page and trainer page where we add more buttons to show
the users information about both the programs and the trainers.
7. User research: pain points
There is no guidance for
programs
Most users want to
receive guidance from
certified trainers before
choosing to spend on a
fitness program
Did not provide background for
fitness trainers
Most users want to work
with trainers that are
fitness qualified and
hold experienced
backgrounds
in training others
Payment system is lacking
Marketing and business
research shows that not
providing a privacy
policy page highly affects
the decision-making of
users for payments
There is no
Suggestion feature
Most first-time users of
fitness apps don’t really
know where to start in
the home page and need
guidance to navigate
through the app
1 2 3 4
8. Persona: Camila Johnson
Problem statement:
Camila is a marketing
intern who needs an app
to help her make figure
out a program and a
schedule around her work
hours to go to the gym
Because apart from not
being as knowledgeable
on the topic, she is very
busy and has very little
time
9. User journey map
The goal is simple, to book
an order through the app
so that it can be used on
arrival.
Tasks are relatively simple
to address and can be
adjusted on the app
10. ● Paper wireframes
● Digital wireframes
● Low-fidelity prototype
● Usability studies
Starting
the design
11. Paper wireframes
All the basic frames are
created but more frames
need to be added to
encourage navigation on
the user end.
12. Digital wireframes
There were a lot of buttons
lacking in the initial paper
wireframes created since
then adding them
Added a
shadow effect
on the button
to show the
user its
function as a
button
Added a menu
button on the
top left of the
screen for
easier
navigation
13. Digital wireframes
The goal in this page is to
show users what programs
are available and each
button is clickable to inform
them about it. A smaller
button at the bottom of the
screen is also available for
those who have no idea
how to start and don’t know
which program will suit
them best.
Added another
button for
users who are
getting into
fitness for the
first time and
give guidance
Added title on
top to let the
user know
what page of
the app they
are in
14. Low-fidelity prototype
The user flow shows which page
will lead to another and how each
button’s function shows which
ones go back to a page or to
proceed.
15. Usability study: findings
Write a short introduction to the usability studies you conducted and your findings.
Round 1 findings
1
Users connect to the business more
when the brand identity is consistent
and visible through the app
2
Round 2 findings
Users are willing to use your app
more when you provide
tips,recipes,plans etc.
3
Users like an organized app
1
Users like apps that don’t have too
much icons/buttons
2
Users want to see a privacy policy
page
3
Users want to an easier way to
connect with their trainers w/o giving
their personal info
17. Mockups
Early designs had limited amount
of pages which also limited the
user’s ability to navigate smoothly
around the app. After the usability
studies and adding necessary
pages and buttons I also
redesigned the app to match the
business brand while also making
it easier for users to see which
buttons to click.
Before usability study After usability study
18. Mockups
After the usability study, some
insights showed us that the
buttons did not look as
intentional as the latest
version, and the colors used
was not on par with the brand
identity. We also changed
some options in the home
page (recent activities ->
explore) as we want the users
to use our app more.
Before usability study After usability study
20. High-fidelity
prototype
The final high-fidelity prototype
presented cleaner user flows for
booking an appointment with a
trainer.
It also met user needs by making
navigation easy to help users move
from one page to another when
learning about the trainers and the
programs
Experience the prototype here
Screenshot of
prototype with
connections or
prototype GIF
21. Accessibility considerations
We added some proper
color contrasting that
matches both brand
identity and follows user
accessibility guidelines.
We also added gesture
and motion in the app to
help users experience a
smooth navigation.
We added more pages
and a navigation menu to
help aid the user to
explore the app easier
1 2 3
22. While continuously improving the application through marketing
surveys, ratings, and suggestions, we have also addressed three
high-priority user pain points with the app thus far. We will be
researching and addressing the concern of updating the functions
as we go.
● Eliminate booking hesitation for users by providing guidance about
where to start on the homepage
● Avoid user’s confusion by adding a page showing fitness trainer’s
photos, training background, and qualifications and other necessary
pages to make the user naturally explore the app
● Add a privacy policy page to show users what is done with their
personal information and when it is deleted from the system
Going forward
23. Takeaways
Impact:
While continuously improving the
application through marketing
surveys, ratings, and suggestions,
we have also addressed three
high-priority user pain points with
the app thus far. We will be
researching and addressing the
concern of updating the functions
as we go.
What I learned:
I learned that you don’t need to finalize all your
designs and features all in one session of
creating wireframes. Iteration of design and
functionality happens through out your
research.
24. Next steps
We will continue to
research what users really
want and need to see in
fitness apps that will
make them want to
pursue booking a
program with a trainer
We will stay up-to-date
with the new trends and
features in an app to not
just stay on par with our
current clients but also to
attract new ones.
Together with research,
we will most likely develop
devices in the future for
users to use together with
our app to help them
achieve their fitness goals.
1 2 3
25. Let’s connect!
My name is Lisa, I am a student UX designer. Apart from designing this fitness app, I previously
worked on Web design and creation as well. Please feel free to reach out to me on my email and
my instagram if you want to see my portfolio. I would also love to be connected with you on
LinkedIn!
Email: imai.lisa18@gmail.com
Instagram: hirayajewels
Website: hirayajewels.com
LinkedIn: https://www.linkedin.com/in/lisaimai/