Concept projectA self-initiated brief, not client work. Product names are fictional.
Kept · Habit app and brand
One ring a day.
A habit app and identity built around a single daily ring: one goal, one tap, one streak.
The challenge
Habit apps keep adding features — charts, journals, social feeds — until opening them feels like a chore. People do not need more tracking; they need a reason to come back tomorrow.
Goals
- Designed so the daily check-in takes one tap and under two seconds.
- Designed to be recognisable on a home screen from the icon alone.
- Built to work fully offline, with a home-screen widget.
Approach.
- 01
One thing per day
You choose one habit. The app shows one ring. Tap it when you are done.
- 02
The ring is the brand
The same ring is the logo, the app icon, the widget and the notification badge.
- 03
Kind streaks
Missing a day bends the ring instead of breaking it. One rest day a week is built in.
What we built.
An identity system, an iOS and Android app with onboarding, the daily ring, a streak calendar and home-screen widgets, plus App Store listing assets.
Step 1 of 2
Pick one habit.
Just one.
Tuesday
Read 20 pages
Tap anywhere when it’s done
This month
21 of 23 days
Concept screens, designed and built in HTML and CSS. All names, figures and data shown are fictional.
Design decisions.
A single gesture
The whole screen is the button. Haptics and a short sound confirm the tap without a pop-up.
Night by default
Most check-ins happen in the evening, so the app is dark first, with the ring as the only bright thing.
Words over numbers
“Twelve days” reads warmer than “12/30”. Numbers stay in the calendar for people who want them.
How it would ship.
The plan we would run for a project like this, with a demo every week.
- Weeks 1–2Brand workshop, identity directions
- Weeks 2–3App flows and prototype on phones
- Weeks 4–9iOS and Android build, widgets
- Week 10Beta, store assets, submission
Stack
- React Native
- Expo
- SwiftUI (widgets)
- Kotlin (widgets)
- SQLite (offline)
- Figma
Deliverables
- Brand identity and guidelines
- App icon set
- iOS and Android app
- Home-screen widgets
- Store listing assets
- Motion guidelines