KEEP
A fitness website design, Web UI/UX, Case study, 2022, Vancouver

PROJECT
Keep
ROLE
Wireframes
Interaction
Visual Design
Prototyping & Testing
TOOLS
Adobe XD, PS
A design for workout routines and fitness training programs
Keep is a fitness website with a goal to engage more people who are working person and barely get time to do some workout due to extensive work pressure and busy with social life. This website will encourage them to keep their body fit and lead healthier lives through using it.
Design
Process

Challenges
and goals

How might we create a diversified and efficient learning experience for our users, to make their workout experience more interesting and engaging?

Will online interactive products make it more competitive for fitness enthusiasts to encourage them to do more workouts?
User
analysis
18-45
years old
5
candidates
Needs
- Want to Prevent chronic diseases
- Improve health conditions and immune system
- Track fitness activities
- Group exercise
- View workout progress of other friends
- Set a fixed schedule to do exercise within a limited time
- Personalized Exercise
Pain points
- lack of confidence
- Imbalance work-life activities and less prioritizing
- No knowledge of any kind of fitness activities and how to do them properly
- No Reminder or scheduling
- Lack of indicator recording and evaluation
- No recording progress during one’s workout
Personas

Alice Qiu
Female
26 years old
Administrative
NEEDS & GOALS
Get in better shape for next summer
Develop a good habit of fitness
Do some fitness at home so don’t have to go to the gym
Build a strong immune system
Lose weight to be able to wear dresses several years ago
Meet some new friends through fitness
Tim Dan
Male
43 years old
Financial manager
NEEDS & GOALS
A good balance between my work and personal life so that I’m able to find time for exercise
Avoid being lazy and generally improve their health
Get sufficient information about exercise posture
Needs guidance on their general health and exercising habits
Build a strong immune system
Want to see better results and avoid injuries

Ideation
and
storyboard
A website that helps people to do workouts at home instead of going to gyms. With recommended programs, they can easily get access to various types of workouts and have a view of their statistics afterwards. Finally, build a healthy routine for their life, stay healthy and keep in good shape. Make friends on it and get knowledge about what exercises their friends are taking.


Site map

Wireframes

High fidelity





THANKS FOR WATCHING!
