Skip to content
New Halden Coffee Co.: 38% more online orders in the first quarter after relaunch. Read the case study
Marquee
Search ⌘K
en
Start a project

2024

Fieldnote Records

An independent label’s catalogue, rebuilt so you can hear every release before you click.

  • Website
  • Motion

3.4×

longer visits, with mailing list sign-ups up 52%

Amber vinyl record spinning on a turntable

Demo site: these clients, results and quotes are fictional.

Sector
Independent music label
Year
2024
Duration
10 weeks

Results

time on site
3.4×
mailing list
+52%
Lighthouse
100

The challenge

Fieldnote has released 300 records in fifteen years. Their site showed them as a grid of covers, and every play button sent you to another service.

Fans arrived, looked, and left to listen somewhere else. The label saw none of that listening.

What we did

The catalogue became a player. Hover a cover and it starts; keep browsing and it keeps playing. A persistent bar follows you through the site.

Every release has a short looping animation cut from its artwork, so the page moves at the tempo of the record.

Before and after

Drag the handle to compare the old site with the new one.

fieldnote.example

Timeline 10 weeks

  1. Workshop 2 weeks
  2. Direction 2 weeks
  3. Build 5 weeks
  4. Launch 1 weeks

What we delivered

  • Website and catalogue player
  • Motion system for artwork
  • Editor tools for the label
  • Launch campaign assets

What changed

  • Visits last 3.4 times longer on average
  • Mailing list sign-ups are up 52%
  • The site scores 100 in every Lighthouse category, audio player included
“People finally listen on our site instead of leaving it to listen.”
Jules Achebe A&R, Fieldnote

More from the project

Notes from the studio, once a month

New work, what we learned making it, and the odd tool we like. Unsubscribe any time.