Fieldnotes App
·
Web
·
Frame
04
A launch site where the illustration draws itself as you scroll
Client
Role
Year
Deliverables
04
Fieldnotes, launch site
The brief
The team had one illustrator, one week of her time, and a product that is hard to explain in a screenshot.
What happened
One continuous line drawing, split into scroll-linked segments, built in Framer so the team can edit the copy themselves. Reduced-motion visitors get the finished drawing, instantly.
Results
1
continuous line, 14 segments (demo)
4.9%
visitor-to-waitlist (demo)
1.7 s
largest contentful paint on mobile (demo)
Demo content. Client names and figures are fictional examples supplied with the template.
Stills · select a frame and set its Fill to an image
Sheet 01
02
Stills — the best single frame
03
Process — boards and sketches
04
Detail — type, texture, timing
05
In context — where it was seen
People scrolled to the bottom. On a launch page. We did not know that was possible.
Sam Okonjo, Co-founder, Fieldnotes (demo)