Fieldnote
A launch site and a component system for a research notebook used by field scientists.
- Client
- Fieldnote Inc.
- Year
- 2024
- Role
- Design engineering, motion
- Discipline
- Product website & design system
(01) Overview
Fieldnote is a Series A startup building an offline-first notebook for ecologists. The founders wanted the marketing site to feel as precise as the product.
(02) Challenge
The product is dense and technical; the previous site explained it with stock illustrations and nobody understood what syncing offline actually meant.
(03) Approach
- Explained sync with a real, interactive notebook embedded in the page instead of an illustration.
- Built the site and the app on one token set, so marketing and product never drift apart.
- Photographed researchers on location in Val Grande instead of using stock.
(04) Outcome
- +68%Trial sign-ups in the first quarter
- 41Components shared with the app
- 100Lighthouse accessibility score
- Design engineering
- Design system
- Interaction design
- On-location photography