Field Notes

Tactile packaging for a roaster that writes letters to its customers.

Client

Field Notes Coffee

Year

2024

Discipline

Branding

Services

Packaging · Identity

<case/> The story

Tactile packaging for a roaster that writes letters to its customers.

Brand accent

The brief

Field Notes Coffee came to us with a simple ask: make people feel something before they read a single word. The existing brand was competent, but it looked like everyone else in the category.

The approach

We started in motion, not in static frames. Every element of the Field Notes system — type, color, imagery and interaction — was prototyped live in the browser, so we could judge how it moves, not just how it looks.

The outcome

A flexible system that scales from a 6px favicon to a 60-meter billboard, and a website that turns visitors into an audience. Launched on time, on budget and well beyond expectations.

<source/> Source vs. render

Hover to look behind the final frame.

SourceRender

Create a free website with Framer, the website builder loved by startups, designers and agencies.