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."
Reference Fields
To add Pagination, select your Collection List, click on Pagination, select one of the two options, then pick how many items to load. Pagination also works with existing Limits and Start Offsets. Both the Spinner and Button are completely customizable, and you can pick any Variant for their Loading states. The Spinner itself is just a layer with a conic gradient and a Loop Effect, so you get full control. Adding Pagination helps make your blogs and changelogs much faster to load, especially when they contain dozens of items.
Infinite Scrolling with custom Spinner component
Load More Button with custom Button component
Enjoy freeform positioning of both components
Design your own Loading and Hidden states
Make your CMS Pages much faster to load
Filtering
We've added the ability to filter your collection lists in the CMS. This allows you to keep your content in a single collection, yet customize how that collection is presented on each of your web pages. For example, if you're creating docs for your app, you might want to filter articles per topic on your homepage. Or when creating a blog, you might want to filter your blog posts per category.
What’s New
Jan 16, 2025