Torrefação artesanal · do grão à xícara em cinco capítulos
TERRAL
Problema
Sites de café especial mostram sacas e xícaras paradas. Nada explica o caminho que o grão percorre nem por que uma torra artesanal vale mais.
Solução
Uma jornada editorial guiada pelo scroll: Caparaó, o terreiro ao sol, o fogo do tambor, a moenda e a xícara, cada capítulo com vídeo e fotografia reais ao lado de tipografia gigante. O funil fecha na vitrine de blends com notas sensoriais e pedido pelo WhatsApp. E tem um segredo: quem segura o botão certo por seis segundos descobre a casa do torrador.
Como foi construído
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.
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.
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.
Capítulos no scroll
Caparaó, Terreiro, Tambor, Moenda e Xícara: meia tela de história, meia de vídeo e foto reais.
Tipografia como cena
Títulos gigantes fazem o papel de imagem: entram em camadas, ancoram capítulos e abrem a vitrine.
O segredo da casa
Segurar um botão por seis segundos revela a casa do torrador e um código de dobro de café.
Mais telas
Stack
- Next.js
- TypeScript
- GSAP
- Lenis
- Tailwind