






Introduction
Life Track is a wellness app that integrates nutrition, fitness, and health tracking into a single, calming, and motivating experience. The project was born from a personal interest in health and wellness and shaped through extensive user research.
Problem
"Current health apps are overwhelming, number-driven, and fragmented. Users want a simple, motivating space to track their overall wellbeing."
Despite the booming health and wellness market in the UK, existing apps like MyFitnessPal and LifeSum focus too narrowly on metrics without addressing overall wellness. Users need a more holistic, intuitive solution
Design Process
1. Empathise
Conducted user interviews with participants aged 25–35
Identified key frustrations: apps felt boring, confusing, and demotivating
Uncovered needs for holistic tracking, motivational reminders, and ease of use
2. Define
Defined the problem:
Users need an all-in-one wellness app that offers simple navigation, positive reinforcement, and both health and nutrition education — not just numbers.
User Personas:
The Organizer: Wants quick, simple meal tracking without tedious input
The Home Chef: Loves food quality and cooking, seeks intuitive logging tools
3. Ideate
Designed task flows for core actions: adding recipes, logging runs, receiving notifications
Brainstormed solutions for personalization and visual motivation
Sketched initial low-fidelity layouts focusing on clear, calming design
4. Prototype
Built mid- and hi-fidelity wireframes using Figma
Developed a calming style guide with muted greens, beiges, and simple typography (Poppins)
Created a clickable prototype focusing on clarity, consistency, and ease of use
5. Test
Conducted usability testing with multiple users
Main feedback: refine login page layout, align text and buttons consistently, simplify navigation
Revisions made: improved spacing, standardized icons, streamlined color palette, clarified task prompts
Outcome
Improved user engagement through motivational design elements
Created an all-in-one platform for food, fitness, hydration, and health tracking
Users found the revised app intuitive, calming, and motivating to use
Reflection
This project taught me:
The critical value of iterative testing
The importance of early and thorough user research
How visual consistency enhances usability and user trust
To balance data tracking with emotional motivation in wellness design
"With more time, I would expand Life Track with a food labelling system (traffic light colours), inclusive accessibility features, and deeper personalization based on user lifestyles."
New This Month
This quality update brings canvas and layer panel improvements. We've updated the Component symbol throughout the app to differentiate it from Grids. Plus, we've made Primary Breakpoints and Variants more distinct in the left panel, making it easier to see if you're editing the primary or an instance. Breakpoints will now also show the ranges in the layer panel. See more updates below.
From January
Last month, we added support for automatic tinting and new layout options for components, plus a whole lot of fixes and improvements. If you give your Page a Fill color, this will now also tint browsers like Safari and will ensure you don't get plain white backgrounds when overscrolling on any mobile device. Plus, we've added support for Min Max sizing to all Smart and Code components, greatly simplifying many common layouts and patterns. See the full changelog below.
We automatically set the body background, based on your Page's fill color
You can now override the body background and customize per breakpoint
We now support Min Max sizing for all Smart and Code Component
We now consistently show the Min Max hint within the property panel
You can now use all alignment options for layers with Position set to Fixed
We now inform you if a parent layer height changes due to layout edits
We improved the Radius and Padding controls, no longer resetting values
Number inputs split in four no longer show steppers, so longer values fit
We improved Appear Effects using Scale with Spring transitions
Styling Elements

Dec 19, 2024