FuelUp - Fitness Application

Overview:

A visually appealing, user-friendly app designed to help users track their body weight, protein intake, calories, and physical activity while promoting sustainable health habits. The experience is gamified with a leaderboard and progress indicators to boost user engagement.

Problem: Users struggle with consistency in tracking nutrition and health metrics. Existing tools feel cluttered or clinical, reducing user retention and motivation which then defined our goal.

Goal: Design an intuitive, aesthetic app that simplifies health tracking, provides actionable insights, and nudges users toward long-term wellness habits.

Design Process

1. Empathize Conducted user interviews and competitor analysis. Identified key pain points:

  • “I forget to log my data.”

  • “The apps feel like medical charts.”

2. Define Created personas and user journey maps. Key insight: users want positive reinforcement and clean visuals.

3. Ideate Brainstormed minimalist UI concepts with color psychology and modular data blocks. Prioritized:

  • Quick data input

  • Encouraging messages

  • Gentle gamification

4. Prototype Developed mid-to-high fidelity prototypes in Figma. Added microinteractions and adaptive states for consistent UX.

5. Test Ran usability testing with 8 users. Improved:

  • Icon clarity

  • Graph readability

  • Contextual tooltips for metrics (e.g., protein per kg)

6. Refine Polished gradients, icon sets, and data viz. Final design supported 4 core metrics with visual reinforcement of progress over time...

Features

🌈 Gradient-based UI with a warm, motivational feel

  • 🔥 Protein, calories, and weight trackers with visual cues

  • 📈 Trend insights (weekly/monthly)

  • 🏆 Leaderboard for fitness programs

  • 🎯 Daily rings to gamify habit consistency

Bhaveeka Matlani
Welcome to my design portfolio on Dribbble

More by Bhaveeka Matlani

View profile