0%
← All works

Case study 01Northbank Coffee Co.2025

Northbank Roasters

A headless storefront rebuild for a Melbourne specialty roaster — faster pages, a subscription flow people finish, and a brand that finally feels as good online as in the café.

  • E-commerce
  • Headless
  • Motion
Placeholder cover for Northbank Roasters
Role
Frontend lead, Creative development
Timeline
14 weeks
Team
1 designer, 2 developers, 1 PM
Stack
Next.js, Shopify Storefront API, GSAP, Sanity

The brief

Northbank had outgrown a theme-based store. Pages were slow on mobile, the subscription checkout lost a third of customers, and the photography the team had invested in was buried under template chrome.

The goal: a storefront that loads instantly, sells subscriptions without friction, and gives the brand room to breathe.

Placeholder for the Northbank Roasters home page
Home page — product-led hero with a seasonal origin story.

What I did

  • Architected a headless Next.js front end on the Shopify Storefront API
  • Rebuilt the subscription flow as a single, progressively disclosed step
  • Built an editorial origin-story template the team publishes from Sanity
  • Scroll-linked product reveals with GSAP, tuned for low-end Android devices

Outcome

Median LCP on mobile
1.1s
Subscription completion
+38%
Pages per session
2×

It finally feels like walking into the café. Customers tell us that unprompted.

Founder, Northbank Coffee Co.
Copied