KAZE
KAZE vende café de especialidad online. La landing tenía que transmitir calma y cuidado, y al mismo tiempo llevar a la compra sin fricción.
- Rubro
- Café de especialidad
- Formato
- Ecommerce y Landing page
- Año
- 2026
- Tecnologías
- Next.js, TypeScript, GSAP, WooCommerce Store API
El desafío
Una marca nueva, sin historia que contar todavía, compitiendo con tiendas que se ven todas iguales. La experiencia debía sentirse premium sin volverse pesada en un celular, y el precio y el stock tenían que ser siempre los reales.
El enfoque
Dirección «Pearl White»: fondo perlado, tipografía editorial y una secuencia cinematográfica de granos que avanza con el scroll. La compra termina en la tienda WooCommerce, y la landing lee precios, moliendas y stock de su API pública.
Movimiento que no pesa
La secuencia del hero se sirve en tres variantes según el dispositivo y la conexión. Se carga de forma progresiva: primero el cuadro visible, después los cercanos, y el resto a medida que avanza el scroll.
Datos siempre reales
Precios, moliendas disponibles y stock salen de la tienda y se actualizan cada cinco minutos. Si la tienda no responde, la landing muestra los datos base sin afirmar disponibilidad.