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