Goal: To create a feature for Mochi Health's app that allows users to keep track of their weight loss journey with the company's GLP-1 plan.
UI/UX
Figma
Key Points: 1. User motivation 2. User retention 3. Habit formation
Onboarding
User's answers are used to personalize their experience.
The layout and order of the onboarding screens were shaped by feedback from friends and family who tested the prototype.
Weight tracking
Displays user's net weight loss to maintain motivation and retention. Scrolling the scale to log in a new value is accompained by haptic feedback for a more satisfying experience.
Reusable Card System
As the app introduces more features, style and responsiveness can be maintained across updates.
Friendly Notifications
Reminds users to come back without being too pushy.
Designed to be handed-off
Figma components and variables, as well as comments are intended to facilitate the developer's life when translating the design to React or other fraweworks.