Skip to content
Portfolio/Blue Bottle Coffee

Blue Bottle Coffee

ClientBlue Bottle Coffee Inc.
CategoryFood & Beverage
Year2024
StackNext.js, Shopify, GSAP, TypeScript
Blue Bottle Coffee

Specialty coffee roaster with a bean-origin storytelling experience, brewing guide library, subscription management, and café location finder.

Visit Live Site

Challenge

Premium coffee requires education — the site needed to justify $20+ bags by immersing visitors in the craft of specialty roasting.

Solution

Single-origin coffee journey maps, interactive brewing guide library with timer tools, personalized subscription quiz, and café finder with real-time menu availability.

01

Subscription signups grew 55%

02

Brewing guide page is #1 organic entry point

03

Average order value increased 28%

Next.jsShopifyGSAPTypeScript
The brewing guides turned our website into a coffee education platform. Customers who read them spend 40% more on beans.
Bryan MeehanCEO, Blue Bottle Coffee

Next Project

Huel