MILWEB®
MILWEB®
MW/003TERRALESTÚDIO

DO GRÃOÀ XÍCARA.

TERRAL — tela inicial
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.

03 / EXPERIÊNCIA
  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.

    TERRAL — CAPARAÓ
  2. 02 / TERREIRO

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

    TERRAL — TERREIRO
  3. 03 / VERTENTE

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

    TERRAL — VERTENTE
  4. 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.

    TERRAL — HOLD 6S
Terreiro de secagem ao sol

04 / POR BAIXO DO CAPÔ

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

  • 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 COMNext.js · TypeScript · GSAP · Lenis · Tailwind

05 / DETALHES

  • 05

    CAPÍTULOS

  • 03

    BLENDS

  • 6s

    DE ESPERA PELO SEGREDO

  • CAFÉ NO PRIMEIRO PACOTE

06 / RESULTADO

Projeto autoral, no ar

MARCA FICTÍCIA — CONCEITO MILWEB

[ QUERO ALGO PARECIDO ]

07 / TELAS SELECIONADAS
Vitrine VERTENTE
TELA 01Vitrine VERTENTE
A casa do torrador
TELA 02A casa do torrador
Abertura com o grão
TELA 03Abertura com o grão
PRÓXIMA EXPERIÊNCIA03 / ATELIER VERTEX

CONSTRUÍDONO SCROLL.

ATELIER VERTEX

TODOS OS PROJETOS

TODOS OS PROJETOS