BurnIt Lifestyle - Vibrant Fitness App UI Design
Budget: $5,000 – $10,000 CAD
I’m building a friendly fitness-and-nutrition companion that links every meal to a matching “burn” goal so users always see a clear path from calories eaten to calories burned. Before development starts, I need the very first version of the interface and user flow mapped out.
Style & tone
The whole experience should feel colorful and vibrant—think lively palettes, playful gradients, and upbeat micro-interactions that energize rather than lecture. It must look welcoming to someone who may feel intimidated by traditional diet trackers.
Initial scope
For this MVP I only need the core screens that showcase the Calorie Burn Goal feature. Food logging and wider activity tracking can remain placeholders; the focus is on how a newly logged meal instantly creates a burn target and how the user then engages with that goal during the day. Every step of that journey should surface encouraging messages and small rewards (badges, confetti, celebratory stats, etc.) so motivation is both emotional and tangible.
Key deliverables
• Low-fidelity wireframes outlining the main flow from meal entry → burn goal creation → goal completion feedback
• High-fidelity Figma (or Sketch/Adobe XD if you prefer) mock-ups of each screen, using the agreed color system and typography
• Clickable prototype that demonstrates animations or transitions important to the “friendly coach” feel
• Asset library: color variables, icon set, and any reusable components
Acceptance criteria
• Screens visually align with the colorful & vibrant direction and stay consistent across light/dark modes if provided
• The burn-goal flow is immediately clear to a first-time tester without verbal explanation
• Encouragement and reward cues are present in at least two distinct points of the user journey
• All layouts use standard iOS and Android safe areas so developers can lift components straight into Flutter/React Native later
Once these pieces are approved I’ll move to development, so accuracy and developer-ready output are essential. Let me know if you need further context or sample personas; I can supply them right away.
Style & tone
The whole experience should feel colorful and vibrant—think lively palettes, playful gradients, and upbeat micro-interactions that energize rather than lecture. It must look welcoming to someone who may feel intimidated by traditional diet trackers.
Initial scope
For this MVP I only need the core screens that showcase the Calorie Burn Goal feature. Food logging and wider activity tracking can remain placeholders; the focus is on how a newly logged meal instantly creates a burn target and how the user then engages with that goal during the day. Every step of that journey should surface encouraging messages and small rewards (badges, confetti, celebratory stats, etc.) so motivation is both emotional and tangible.
Key deliverables
• Low-fidelity wireframes outlining the main flow from meal entry → burn goal creation → goal completion feedback
• High-fidelity Figma (or Sketch/Adobe XD if you prefer) mock-ups of each screen, using the agreed color system and typography
• Clickable prototype that demonstrates animations or transitions important to the “friendly coach” feel
• Asset library: color variables, icon set, and any reusable components
Acceptance criteria
• Screens visually align with the colorful & vibrant direction and stay consistent across light/dark modes if provided
• The burn-goal flow is immediately clear to a first-time tester without verbal explanation
• Encouragement and reward cues are present in at least two distinct points of the user journey
• All layouts use standard iOS and Android safe areas so developers can lift components straight into Flutter/React Native later
Once these pieces are approved I’ll move to development, so accuracy and developer-ready output are essential. Let me know if you need further context or sample personas; I can supply them right away.