Most people know they should drink more water but don't. Existing tracker apps feel clinical "” they log a number and leave. There's no motivation, no feedback loop, and no reason to come back tomorrow.
FitSmart needed to make the act of staying hydrated feel like progress worth protecting. The design had to work for someone opening the app twenty seconds after waking up.
The core screen leads with a body-fill visualisation "” users see themselves filling up with water as they log intake. It's visceral, immediate, and more motivating than a progress bar. The streak counter (20 Days 🔥) adds the habit loop.
Quick-add buttons for 250ml, 350ml and 500ml keep logging to one tap. Custom intake is one step further. The reminder system sits behind a single button in the nav "” same-screen settings, no buried preferences.
Log water intake in one tap "” 250ml, 350ml, or 500ml presets. Custom amounts for everything else. Every entry goes straight into Today's Log.
A daily streak displayed front and centre. Miss a day and it resets. Simple enough that users protect it the same way they protect a Duolingo streak.
A silhouette that fills with water as you log intake. Percentage overlaid directly on the figure. Immediate, satisfying feedback that a number alone can't give.
Configurable reminders "” every 1 hour, every 2 hours, or custom intervals. Vibration, sound, or push-only. All set from a single clean screen.
Switch between Daily, Weekly, Monthly and Yearly views to see hydration trends over time and build a picture of long-term habits.
Full dark theme for night-time logging "” same layout, inverted surface palette, adapted card and button contrast so it stays readable in low light.
Light and dark variants side by side "” Tracker and Reminders in each mode. The layout, hierarchy, and tap targets stay identical; only the surface palette flips.
A single-page marketing site built to convert "” hero with phone mockup, feature highlights, social proof, app preview, and a download CTA that repeats throughout.
