A self-initiated product concept
A self-knowledge app that treats you as many, not one — meet the different "parts" of yourself in an interactive 3D constellation. Your mirror.
0 → 1working mvp, vibe-coded solo
3Dlive constellation — react three fiber
6product areas designed end to end
- overview
- 3 months · Personal project · designed & built solo
- contribution
- Took the whole thing end to end on my own — from first principles to a working, vibe-coded MVP (Claude Code). Full Double Diamond discovery, a from-scratch UI kit and visual language, an interactive 3D constellation (Next.js, React Three Fiber), and UI animation to make it feel alive. Research, design, and build.
- stack
- FigmaClaude CodeClaude DesignNext.jsReact Three FiberVercel
Background
Unmet is a mobile self-knowledge app built on a plural model of the self. Instead of treating a person as one thing to optimise — habits to fix, moods to track — it helps you meet the different "parts" of yourself: the inner voices, patterns and roles that show up in different moments. They live in an interactive constellation you can explore. Your mirror.
I took the whole thing end to end, on my own: from first principles to a working, vibe-coded MVP.
loading the interface
The Challenge
Most reflective apps treat the self as a single unit to be optimised. But people don't experience themselves that way. They experience an inner conflict — one part pushing, one part protecting, one part just wanting rest — and that conflict rarely gets named, let alone explored.
- No established pattern to borrow — self-knowledge isn't habit tracking, and the usual UI conventions didn't fit
- An abstract idea that had to feel concrete — "parts of yourself" needed a form people could touch
- Introspection that shouldn't feel clinical — journalling apps often read like homework
- Everything from zero — no design system, no visual language, no codebase
Process
✶ Full Double Diamond discovery. I framed the user, the emotional need, and the core value: introspection that feels like exploration, not homework. Who is this for, what are they carrying, and what would actually help?
✶ Found the form before the features. The plural model of the self needed a metaphor that could hold it. A living constellation — parts as points of light you can move around, approach, and get to know — gave the abstraction a body.
✶ Designed the whole experience. Onboarding into the idea, the constellation itself, daily insights, free journalling, conversations with a single part, and periodic Wrapped-style "reveals" that surface patterns noticed over time.
✶ Built it. I vibe-coded a working MVP with AI (Claude Code) — a clickable mobile prototype, with the constellation rendered in 3D (Next.js, React Three Fiber). Working in Figma, Claude and Vercel across research, prototyping, and build.
loading the interface
loading the interface
Solutions
✶ A constellation instead of a dashboard. Parts of the self live as an interactive 3D constellation rather than a list of metrics — something to wander through, not something to score.
✶ Meeting a part, not managing it. Conversations happen with one part at a time, in a three-step "befriending" flow. The language throughout is curious, never corrective.
✶ Insights that arrive, rather than reports you generate. A daily question, a place to write freely, and periodic reveals that show a pattern back to you once there's enough to see.
loading the interface
Results
- A working, vibe-coded MVP — clickable mobile prototype with an interactive 3D constellation (Next.js, React Three Fiber), built from zero
- Complete product concept — full Double Diamond discovery, UX, and screens
- End-to-end and solo — research, design, and build
Reflection
Unmet is where I proved to myself that I don't have to stop at the handoff. Taking an idea from a blank page to something you can actually open and use changes how you design — you stop drawing screens and start making decisions you'll have to live with.
It also sits on the same question as the rest of my work. A product that asks people to look inward has to earn that access first. Not by being gentle in tone, but by being honest about what it's doing with what it sees.