DO GRÃOÀ XÍCARA.

- ESTÚDIO
- MILWEB
- TIPO
- EXPERIÊNCIA NO SCROLL
- STATUS
- NO AR
02 / A IDEIA
Café é sobre esperar o tempo certo.
Sites de café mostram sacas paradas. O Terral conta o caminho do grão em cinco capítulos guiados pelo scroll — Caparaó, Terreiro, Tambor, Moenda, Xícara — em que a tipografia gigante faz o papel da imagem e o vídeo real faz o papel do argumento.
01 / CAPARAÓ
Cada capítulo divide a tela entre imagem viva e título editorial. Grãos flutuam em parallax costurando as transições.

02 / TERREIRO
O sol faz metade do trabalho: terreiros de secagem e a pá revolvendo os grãos, em vídeo e fotografia reais.

03 / VERTENTE
Depois da jornada o site vira loja: três blends com origem, altitude, nota SCA e perfil sensorial, pedido direto no WhatsApp.

04 / HOLD 6S
Um botão discreto pede que o visitante segure por seis segundos. Quem espera ganha a casa do torrador e um código que dobra o café do primeiro pacote.

CAPARAÓ
TERREIRO
VERTENTE
HOLD 6S
04 / POR BAIXO DO CAPÔ
- 01 CAPARAÓ
- 02 TERREIRO
- 03 TAMBOR
- 04 MOENDA
- 05 XÍCARA
MOTOR DE CAPÍTULOSCinco capítulos no scroll, meia tela de história, meia de vídeo e foto reais; grãos em parallax nas transições.+
O site conta o caminho do café em cinco capítulos guiados pelo scroll: Caparaó, Terreiro, Tambor, Moenda e Xícara. Cada capítulo divide a tela entre imagem viva (vídeo e fotografia reais de lavoura, secagem e torra) e tipografia editorial gigante, com grãos flutuando em parallax costurando as transições. Os títulos são personagens: XÍCARA entra em camadas sobrepostas, VERTENTE abre a vitrine dos blends.
LOJAVitrine de blends com notas SCA e pedido no WhatsApp; rodapé com letreiro TERRAL de ponta a ponta e marquee.+
Depois da jornada o site vira loja de verdade: três blends com origem, altitude, nota SCA e perfil sensorial, cada um com pedido direto pelo WhatsApp. O rodapé fecha com hierarquia de jornal, um letreiro TERRAL de ponta a ponta e um marquee com as palavras da casa: silêncio, tempo, paciência, origem, altitude, fogo.
O SEGREDOHold de seis segundos revela a casa do torrador — a tese do site num gesto.+
E tem a recompensa escondida: um botão discreto pede que o visitante SEGURE por seis segundos, sem prometer nada. Quem espera ganha a casa do torrador, uma página com foto viva do tambor, um texto sobre paciência e um código que dá o dobro de café no primeiro pacote. É a tese do site inteira num gesto: café é sobre esperar o tempo certo.
CONSTRUÍDO COM — Next.js · TypeScript · GSAP · Lenis · Tailwind
05 / DETALHES
05
CAPÍTULOS
03
BLENDS
6s
DE ESPERA PELO SEGREDO
2×
CAFÉ NO PRIMEIRO PACOTE
06 / RESULTADO



CONSTRUÍDONO SCROLL.
