Building habits with Halo
Lead UI & UX ⸱ 2022
End-to End Mobile App Design
Visual UI Evolution
Moderated User Study
Figma / React Native
Problem
Halo App had outgrown its current framework and needed a visual refresh, all through via the Fitness Plan feature set. So I set out to design a fitness plan page that users found motivating, informative and easy-to-use, while also improving system visuals
Process
Foundational IA work required constant cross team collaboration: fitness as a feature overlapped with all other wellness domains in Halo App. The CX called for curated goal based data visuals, and an overall compelling Fitness Plan page.
Testing
Users were asked to “progress” through a mock fitness plan and react to the UI. I also asked open ended questions related to feelings about working out, staying motivated and general fitness goals.
Does the user feel motivated to stick to their plan when engaging with the page?
Is it clear what the user has to do next?
Is the user able to see track their progress?
Results
Motivation in this instance is linked to both future and past tasks and should influence the hierarchy and layout of page elements.