Preparando seu ambiente

Estúdio de desenvolvimentoBrasil → Mundo

🎃 EVENTO DE HALLOWEEN · ATÉ 31/10

Códigos movem o mundo.Sites deoutro mundo.

MILWEB® · Desenvolvimento criativo · Brasil → Mundo

Projetos / TERRAL

COLEÇÃO DE RECOMPENSAS · 25 missões

02 de 25

PROCURA-SETERRALTERRALMW/OS · CASO 02 / 25Torrefação artesanal · do grão à xícara em cinco capítulos

02 de 25 · EXPERIÊNCIA NO SCROLL

DO GRÃOÀ XÍCARA.

Torrefação artesanal · do grão à xícara em cinco capítulos

DEMONSTRAÇÃONO AR

TERRAL — tela inicial
ESTÚDIO
MILWEB
Tipo
Landing Page Premium
Stack
Next.js · TypeScript · GSAP · Lenis · Tailwind

CONTEXTO

Café é sobre esperar o tempo certo.

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.

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.

O QUE FOI FEITO

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.

5 CAPÍTULOS · VÍDEO E FOTO REAIS

SOLUÇÕES

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

  1. 01 / CAPARAÓCada capítulo divide a tela entre imagem viva e título editorial. Grãos flutuam em parallax costurando as transições.
  2. 02 / TERREIROO sol faz metade do trabalho: terreiros de secagem e a pá revolvendo os grãos, em vídeo e fotografia reais.
  3. 03 / VERTENTEDepois da jornada o site vira loja: três blends com origem, altitude, nota SCA e perfil sensorial, pedido direto no WhatsApp.
  4. 04 / HOLD 6SUm 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.

INTERATIVO

  1. 01 CAPARAÓ
  2. 02 TERREIRO
  3. 03 TAMBOR
  4. 04 MOENDA
  5. 05 XÍCARA
6.0S

DETALHE TÉCNICO

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

NÚMEROS

  • 05

    CAPÍTULOS

  • 03

    BLENDS

  • 6s

    DE ESPERA PELO SEGREDO

  • 2×

    CAFÉ NO PRIMEIRO PACOTE

TELAS

RESULTADO

Projeto autoral, no ar

MARCA FICTÍCIA — CONCEITO MILWEB

QUERO ALGO PARECIDO ↗ABRIR SITE ↗

Enter abre o primeiro resultado · Esc fecha · tecla / abre a busca

TERRAL — Torrefação artesanal · do grão à xícara em cinco capítulos | MilWeb