Field Notes
A note-taking product with a spatial canvas, kinetic typography, and a design system that scaled to five surfaces.
- Stack
- Next.js · TypeScript · Framer Motion · PostgreSQL
The brief
Field Notes wanted a note-taking app that felt more like a sketchbook than a text editor — spatial, tactile, and forgiving.
What I built
- End-to-end product design system with 40+ components.
- A canvas engine with pointer-driven zoom and pan.
- Sync layer with real-time collaboration.
- Marketing site and case-study micro-experiences.
Outcome
Field Notes shipped to public beta with 12k signups in the first week.