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."
Choose Compelling Topics
Use analytics tools to understand demographic data and user behavior. Tailor your content to address audience needs and interests, solving their specific problems. Conduct keyword research with tools like Google Keyword Planner or SEMrush. Analyze industry trends and competitors to select relevant and trending topics that improve SEO. Utilize headline analyzers like CoSchedule's Headline Analyzer. Craft titles that are clear, specific, and contain high-ranking keywords. Use power words to increase click-through rates.
Organize Your Content
Implement a clear structure using HTML tags for headings (H1, H2, H3) and lists (<ul>, <ol>). This enhances readability and SEO. Leverage CSS for formatting to improve UX. Embed high-quality images, infographics, charts, and graphs. Use Framer for creating visuals and optimize them with alt text for SEO. Ensure they are mobile-responsive. Place keywords naturally within the content, especially in headings and subheadings. Optimize meta descriptions, image alt texts, and use internal and external links.
Pagination and SEO
Consider adding pagination for extensive content lists, enhancing performance by reducing load times and improving user experience by making large amounts of content more readable and navigable. Additionally, pagination benefits SEO by facilitating easier search engine crawling and reducing bounce rates. By selecting a list of content coming from the blog, you can click the blue plus icon at the bottom to add infinite scrolling or a load more button. If you add pagination with infinite scrolling, try to avoid positioning layouts like pivots and footers below the loading content. This will help minimize layout shifts, thus not harming SEO.
Monitor Performance
Utilize the built-in Framer analytics to track performance metrics and adjust content strategy based on data insights. By combining these best practices with technical best techniques, you can create a blog that not only engages and informs but also performs well in search rankings and user engagement. Happy blogging!
Best Practices
Nov 27, 2024