Orange Flower
My fitness pal

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

👉 View Hi-Fi Prototype














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

Contact details

michaelaholtom@yahoo.co.uk

instagram