Nudge habit app
Challenge screens - Nudge
A habit app collapses in one of two directions. It becomes a guilt machine that punishes the missed day, or it becomes a dashboard of numbers that nobody opens twice. Three screens had to carry the whole product - what to do this morning, what else is worth committing to, and whether any of it is working - with no tutorial, no onboarding, and nothing the user has to decode.
How it was solved
The daily screen answers one question before anything else: what am I doing right now. Date and greeting, a seven-dot week strip reading 3 of 7, then the active challenge in a mesh-gradient card - day badge, title, and a progress bar sitting at three days done and 14 per cent. Under it, three tasks with their real cost printed next to them: box breathing 3 min, morning pages 7 min, one intention 2 min. The first is already struck through and stamped with the time it was finished, so the screen opens on evidence rather than on a demand. One dark pill at the bottom, one action.
The catalogue leads with the line that sets the whole tone - pick one you can actually keep. Four category chips, one featured challenge, then four cards from 14 to 30 days, each with its own length, its own daily cost and its own character. Duration is never hidden behind a tap; a 30-day, 20-minute commitment says so on the card.
The progress screen makes the streak the hero - twelve, set at 62 point - and then immediately explains how it is earned, in one sentence, on the same card. Most apps assume the streak rule is obvious. It isn't, and the moment a user guesses wrong they stop trusting the number. Below it, the last seven days, and four stats that stay consistent with everything else in the flow: 48 sessions, 512 minutes, 2 challenges finished, longest streak 19.
Five characters carry the brand, and each one has its own silhouette - flower, cloud, egg, rounded square, pebble with ears - so the cast reads as a cast, not one sticker recoloured five times. Everything else is a tight system: warm neutral ground, pastel mesh gradients built from layered radial gradients, two card radii, two greys, one near-black pill. No fake iOS status bar - the device draws its own.
The numbers hold up under inspection. Day 4 of 21 means three days completed, which is 14 per cent, which is three filled dots on the week strip. A design that contradicts itself on the second screen is a design nobody trusts by the third.
Result
Three shipped screens on one pan-and-zoom canvas, delivered in two surface variants side by side - white page with grey cards, and warm page with white cards - so the decision could be made by looking rather than by describing. Exported as native SVG with live editable text, vector gradients and the typeface embedded in every file.
Need a similar mobile product?
I can take it from the first screen to a build-ready set - system, screens, assets and handoff.