Role
Product design
User Research
Year
2022
Mobile app to help people prioritise their health by making exercising and implementing good habits easy and unintimidating.
Role: Sole product designer (UXD MA project)
Timeline: 12 weeks
Tools: Figma, Adobe Illustrator, Adobe After Effects, ProtoPie
Mobile app to help people prioritise their health by making exercising and implementing good habits easy and unintimidating.
Too many people lead sedentary lives.
Inactivity has negative consequences on both our physical and mental health. The pandemic has led to increasingly sedentary lifestyles worldwide. The question was - How can we get people moving and prioritising their wellbeing?
Help people ease into exercise and track healthy habits.
Ease into fitness with route suggestions
Set and stick to custom healthy goals and habits
Visually track your progress
Initial hypothesis
Encouraging progress above competitiveness and results could lead to higher long-term user retention rates in the digital fitness and health space.
People who are unfit and want to change their lifestyle can feel intimidated by how most leading solutions currently are positioned.
User interviews
I wanted to hear first-hand about people's experiences and attitudes toward health and fitness to design a solution for their needs.
Having the ability to track activities and habits was a common goal expressed by my interviewees.
key themes + insights
After synthesising and processing the interview data points collected using affinity mapping, three key themes became apparent:
Theme 1:
Tracking progress
Theme 2:
Setting goals
Theme 3:
Easing into fitness
competitive analysis
The digital health and fitness space is very saturated. I wanted to explore leading competitors to note their strengths and what could be improved.
The competition's features for tracking goals and habits were either non-existent, not customisable or hidden behind a paywall.
Additionally, new users were offered little to no assistance finding routes near them on which to exercise.
Usability testing + design improvements
I continually iterated on early prototypes based on peer reviews and feedback, along with rounds of usability testing with target users.
Home page optimised to prompt user action
Advanced goal/ habit customisability
Replacing social feed with learning-centred content
design system
The core elements that make up the visual design language of the Active app.
Fundamentals
Colours
Primaries and greys.
Colour ramps
Colour ramps move up and down in increments from primary and secondary colours.
Typography
Gilroy set for headings, and SF Pro Text set for body text.
Iconography
Icons designed within 24px frame with 2px padding surrounding live area. 2px stroke weight used consistently.
Spacing
Spacing based on an 8-pt grid. All dimensions, padding and margins are multiples of 8.
Buttons & Inputs
Buttons
Primary, secondary and tertiary buttons.
Text inputs
Interactive elements that allow users to input information.
Selectors
Interactive elements that people can use to select information.
Style Tile
Logo
iOS icon.
Imagery
All illustrations use the app's primary colours.
the final product