DEL GRANOA LA TAZA.
- ESTUDIO
- MILWEB
- TIPO
- EXPERIENCIA EN SCROLL
- ESTADO
- EN LÍNEA
02 / LA IDEA
El café es cuestión de esperar el tiempo justo.
Los sitios de café muestran sacos quietos. Terral cuenta el camino del grano en cinco capítulos guiados por el scroll —Caparaó, patio de secado, tambor, molienda, taza— donde la tipografía gigante hace el papel de la imagen y el video real hace el papel del argumento.
01 / CAPARAÓ
Cada capítulo divide la pantalla entre imagen viva y título editorial. Los granos flotan en parallax cosiendo las transiciones.
02 / TERREIRO
El sol hace la mitad del trabajo: patios de secado y la pala removiendo los granos, en video y fotografía reales.
03 / VERTENTE
Después del recorrido el sitio se vuelve tienda: tres blends con origen, altitud, puntaje SCA y perfil sensorial, pedido directo por WhatsApp.
04 / HOLD 6S
Un botón discreto le pide al visitante que mantenga presionado seis segundos. Quien espera gana la casa del tostador y un código que duplica el café del primer paquete.
CAPARAÓTERREIROVERTENTEHOLD 6S04 / BAJO EL CAPÓ
- 01 CAPARAÓ
- 02 TERREIRO
- 03 TAMBOR
- 04 MOENDA
- 05 XÍCARA
MOTOR DE CAPÍTULOSCinco capítulos en el scroll, media pantalla de historia, media de video y foto reales; granos en parallax en las transiciones.+
El sitio cuenta el camino del café en cinco capítulos guiados por el scroll: Caparaó, Patio, Tambor, Molienda y Taza. Cada capítulo divide la pantalla entre imagen viva (video y fotografía reales de cultivo, secado y tostado) y tipografía editorial gigante, con granos flotando en parallax que cosen las transiciones. Los títulos son personajes: XÍCARA entra en capas superpuestas, VERTENTE abre la vitrina de los blends.
TIENDAVitrina de blends con puntajes SCA y pedido por WhatsApp; pie con letrero TERRAL de punta a punta y marquee.+
Después del recorrido el sitio se convierte en una tienda de verdad: tres blends con origen, altitud, puntaje SCA y perfil sensorial, cada uno con pedido directo por WhatsApp. El pie cierra con jerarquía de periódico, un letrero TERRAL de punta a punta y un marquee con las palabras de la casa: silencio, tiempo, paciencia, origen, altitud, fuego.
EL SECRETOUn hold de seis segundos revela la casa del tostador: la tesis del sitio en un gesto.+
Y está la recompensa escondida: un botón discreto pide al visitante que MANTENGA PRESIONADO durante seis segundos, sin prometer nada. Quien espera gana la casa del tostador, una página con imagen viva del tambor, un texto sobre la paciencia y un código que duplica el café del primer paquete. Es la tesis entera del sitio en un gesto: el café se trata de esperar el tiempo justo.
CONSTRUIDO CON — Next.js · TypeScript · GSAP · Lenis · Tailwind
05 / DETALLES
05
CAPÍTULOS
03
BLENDS
6s
DE ESPERA POR EL SECRETO
2×
DE CAFÉ EN EL PRIMER PAQUETE
06 / RESULTADO
CONSTRUIDOEN EL SCROLL.
