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.

big-pic
close-up

Site map

Wireframes

High fidelity

THANKS FOR WATCHING!