Skip to content

Selected work01E-commerce · Specialty coffee

Ash & Orbit

Small-batch coffee, sold with big typography and a complete buying journey.

Role
Design & development
Type
E-commerce · Specialty coffee

Stack

  • Next.js 16
  • TypeScript
  • Tailwind CSS 4
  • GSAP
Visit live site
Ash & Orbit home page: the headline "Wake up outside the lines" beside three coffee bags on a stone shelf

About the project

An editorial storefront for an independent coffee roaster. The shop filters the range by roast, every product page has size and grind selectors with add-to-cart, and a slide-out cart, account area and subscription section carry the visitor from first sip to a recurring order.

What it does

  • Shop with roast filters — all, light, medium, dark, decaf
  • Product pages with size (250 g / 500 g / 1 kg) and grind selectors, quantity and add to cart
  • Slide-out cart and an account area
  • Subscription section with weekly, bi-weekly and monthly cadences
  • Best-sellers, sourcing, roasting and freshness sections
  • Brand timeline and a field-notes journal

Worth noticing

  1. 01Poster-scale Anton headlines over DM Sans body copy — the brand voice lives in the type
  2. 02Every roast is a real product page with variants, not a static card
  3. 03Built on the Next.js App Router with GSAP-driven motion
Ash & Orbit product page for Red Giant with size and grind selectors
Ash & Orbit home page on a phone

Want something like this?

Open the live site, poke at it, then tell me what you have in mind. A two-line brief is enough to start.

Open Ash & OrbitHire me