Loading
Loading
Example solution
A habit app that cheers for showing up, not for perfection.
Context
The example is built for a fictional wellbeing startup aiming at people who have already quit two habit apps. The product bet is small and specific: kinder mechanics keep people longer than harder gamification. The app exists to make that bet testable.
Challenge
The hard part of habit software is emotional, not technical: the app has to matter for twenty seconds a day and never make those seconds feel like homework. Every screen has to be readable in a glance, tappable with a thumb, and kind by default.
Approach
work.projects.loop.solution
Research
We looked at why people abandon trackers, and the answer was rarely features: it was the first broken streak. So the streak mechanic got redesigned around recovery. Rest days pause it, a missed day dents it without zeroing it, and the week view celebrates showing up over being perfect.
User flow
The essential path through the product, step by step.
The ring shows how much of today's loop is already closed.
Each habit confirms with a soft animation, thumb-sized and instant.
Finishing the day fills the ring and adds a dot to the week.
A planned rest day pauses every streak, guilt-free and visible in advance.
The weekly view pairs habit density with mood, in two gentle charts.
Design direction
This is the one project where purple leads: rich violet on soft lavender surfaces, round everything, and a big friendly streak number. Motion is soft and short, the microcopy stays warm, and the whole app is designed for one hand and half of someone's attention.
Interface preview of Loop with illustrative demo data, no client information.
Architecture
The layers that make it dependable, from client to data.
A native-feel client designed around one-hand, few-second sessions.
Check-ins record on the device instantly and sync when convenient.
Notifications tuned per habit and quiet by default.
Weekly summaries computed from check-ins and mood entries.
Responsive
Loop is a phone product first and honestly. The layouts are designed narrow, reachable with a thumb, and legible in sunlight. A companion web view exists only for the weekly reflection, where a bigger screen makes the charts nicer to read.
Interface preview of Loop with illustrative demo data, no client information.
Outcome
The example demonstrates our mobile standard on a small, complete surface: local-first data, soft motion, and mechanics designed around how people actually lapse. It is the app we point to when a founder asks how small a good first release can be.
Stack
06
Next case study
Product conceptA consultancy site reduced to what the firm actually sells: judgment in writing.