NutriFlow is a health-tech mobile application designed for users who want a deeper understanding of their metabolic health. Unlike traditional trackers, NutriFlow emphasizes the relationship between energy intake and expenditure, providing actionable insights through data-driven storytelling and "Nutrition Streaks."

The health and fitness market is saturated with complicated apps that feel like spreadsheets. The challenge was to:

De-clutter Complex Data: Present metabolic expenditure and nutrient ratios without overwhelming the user.

Encourage Consistency: Design a "Nutrition Streaks" and "Insights" system that rewards long-term logging.

Balance Aesthetics & Utility: Maintain a soft, welcoming UI (using warm tones) while delivering high-precision medical/health data.

1. The "Daily Narrative" Log

I designed the primary logging screen to function like a timeline.

Contextual Entries: Food items are time-stamped, allowing users to see exactly when they are fueling their bodies.

Search-First UX: A prominent, floating search bar at the bottom makes logging a meal a one-handed operation.

2. Advanced Expenditure Tracking

The "Expenditure Changes" screen is the core differentiator of this design.

Comparative Analytics: I used micro-sparklines to show fluctuations over 3, 7, 14, and 90-day periods.

Why: This helps users understand their metabolic adaptation over time rather than focusing on a single day’s weight.

NutriFlow transforms the "chore" of food logging into an educational journey. By focusing on Energy Balance and Expenditure Trends, the design empowers users to make sustainable lifestyle changes based on science, not just calorie counting.