FROM BEANTO CUP.
- STUDIO
- MILWEB
- TYPE
- SCROLL EXPERIENCE
- STATUS
- LIVE
02 / THE IDEA
Coffee is about waiting the right amount of time.
Coffee sites show static bags. Terral tells the bean's path in five scroll-driven chapters — Caparaó, drying yard, drum, grind, cup — where giant typography does the image's job and real footage does the argument's.
01 / CAPARAÓ
Each chapter splits the screen between living imagery and an editorial title. Beans float in parallax, stitching the transitions.
02 / TERREIRO
The sun does half the work: drying beds and a paddle turning the beans, in real video and photography.
03 / VERTENTE
Past the journey the site becomes a shop: three blends with origin, altitude, SCA score and tasting profile, ordered directly on WhatsApp.
04 / HOLD 6S
A discreet button asks the visitor to hold for six seconds. Whoever waits earns the roaster's house and a code that doubles the first bag.
CAPARAÓTERREIROVERTENTEHOLD 6S04 / UNDER THE HOOD
- 01 CAPARAÓ
- 02 TERREIRO
- 03 TAMBOR
- 04 MOENDA
- 05 XÍCARA
CHAPTER ENGINEFive scroll chapters, half a screen of story, half of real video and photo; parallax beans across transitions.+
The site tells coffee's path in five scroll-driven chapters: Caparaó, the drying yard, the drum, the grind and the cup. Each chapter splits the screen between living imagery (real footage of farm, drying and roasting) and giant editorial typography, with beans floating in parallax to stitch the transitions. The titles are characters: XÍCARA arrives in stacked layers, VERTENTE opens the blend showcase.
SHOPBlend showcase with SCA scores and WhatsApp ordering; footer with an edge-to-edge TERRAL letterpress and marquee.+
Past the journey the site becomes a real shop: three blends with origin, altitude, SCA score and tasting profile, each with direct WhatsApp ordering. The footer closes with newspaper hierarchy, an edge-to-edge TERRAL letterpress and a marquee of the house words: silence, time, patience, origin, altitude, fire.
THE SECRETA six-second hold reveals the roaster's house — the site's thesis in one gesture.+
And there's the hidden reward: a discreet button asks the visitor to HOLD for six seconds, promising nothing. Whoever waits earns the roaster's house, a page with living footage of the drum, a text about patience and a code that doubles the coffee in the first bag. It's the site's whole thesis in one gesture: coffee is about waiting the right amount of time.
BUILT WITH — Next.js · TypeScript · GSAP · Lenis · Tailwind
05 / DETAILS
05
CHAPTERS
03
BLENDS
6s
HOLD FOR THE SECRET
2×
COFFEE IN THE FIRST BAG
06 / RESULT
BUILT BYSCROLL.
