FROM BEANTO CUP.

CONTEXT

Coffee is about waiting the right amount of time.

Specialty coffee sites show static bags and cups. Nothing explains the path the bean travels or why an artisanal roast costs more.

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.

WHAT WAS DONE

An editorial journey driven by scroll: Caparaó, the sun-drying yard, the drum's fire, the grind and the cup, each chapter pairing real video and photography with giant typography. The funnel closes on a blend showcase with tasting notes and WhatsApp ordering. And there's a secret: hold the right button for six seconds and you find the roaster's house.

5 CHAPTERS · REAL VIDEO AND PHOTOGRAPHY

SOLUTIONS

• Chapters on scroll

  Caparaó, drying yard, drum, grind and cup: half a screen of story, half of real video and photo.

• Typography as scene

  Giant titles do an image's job: they layer in, anchor chapters and open the showcase.

• The house secret

  Holding a button for six seconds reveals the roaster's house and a double-coffee code.

1. 01 / CAPARAÓEach chapter splits the screen between living imagery and an editorial title. Beans float in parallax, stitching the transitions.
2. 02 / TERREIROThe sun does half the work: drying beds and a paddle turning the beans, in real video and photography.
3. 03 / VERTENTEPast the journey the site becomes a shop: three blends with origin, altitude, SCA score and tasting profile, ordered directly on WhatsApp.
4. 04 / HOLD 6SA 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.

INTERACTIVE

TECHNICAL DETAIL

• 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.

NUMBERS

• 05

  CHAPTERS

• 03

  BLENDS

• 6s

  HOLD FOR THE SECRET

• 2×

  COFFEE IN THE FIRST BAG

SCREENS

RESULT

Studio project, live

FICTIONAL BRAND — A MILWEB CONCEPT

I WANT SOMETHING SIMILAR ↗OPEN SITE ↗