01 · 0:03
Start with the right questions
The kickoff call ends with five answered questions and a user-flow map: onboarding, pick 3 habits, today, check-in, streak reward, weekly review.
Mobile UI/UX case study · Concept
Streak ’86
A retro habit app built on the discipline of modern fitness apps.
A UI/UX case study for a concept habit-tracking app for iOS and Android. The look is 70s track-club warmth, premium rather than costume, and the video walks the whole process from kickoff call to developer handoff.
Self-initiated concept project. Fictional app, not a client.- Type
- UI/UX case study
- Platforms
- iOS · Android
- Length
- 0:39
- Year
- 2026
- Role
- UX flows, UI, design system, motion
- Tool
- Figma
00:00:00
Silent film · captions on screenSpace play · ←→ 1s · ,. 1 frame · 0.5× for slow motion
The brief
The problem
Habit apps lose most people in the first week. “Retro” is also easy to get wrong: lean too far and it looks like a costume instead of a product people trust every morning.
The idea
Design around one daily loop (check in, streak, reward, review) and make the day-7 moment feel earned. Keep the retro warmth in color and type, and keep the structure as disciplined as a modern fitness app.
How the story plays
Beat by beat.
02 · 0:09
Lock the flow, then earn the feeling
Wireframes go to hi-fi with a real feedback round on screen: the client’s comment, my change, and the approval.
03 · 0:15
Check in. Keep the streak. Feel it.
The core loop in motion: tap to check in, the streak ring fills, the day-7 reward screen bursts in orange, and the weekly stats fill out.
04 · 0:23
Tokens devs can build from
A Figma design system with color variables for light and dark, a type scale, spacing and radius, 38 components and a tokens.json for developer handoff.
05 · 0:29
Designed, not left to chance
Empty state, offline with saved check-ins, and a forgiving streak freeze instead of a broken streak.
The sprint in numbers
52Mobile screens
38Figma components
2Week design sprint
01 · Kickoff call
Five questions before a single pixel.
What I leave every first call with. The answers shape every screen after it.
- Who is it for?Busy 25–40s restarting their routines
- What is the core loop?Check in → streak → reward → review
- What does “retro” mean here?70s track-club warmth. Premium, not costume
- Which flows and edge cases?6 flows, plus empty, error and missed-day states
- How do we measure success?Day-7 retention and daily check-ins
My role
- UX flows
- UI
- Design system
- Motion
Skills
- UI/UX design
- Mobile app design
- Prototyping
- Design systems
- Wireframing
- Gamification
Tools
- Figma
- Code-driven motion (HTML/CSS/JS)
- Claude (AI)
- ffmpeg
