Portfolio
Muestra de diseño Landing page3D / WebGLEcommerceBranding

Cumbre

Landing de muestra para un tostadero de café de especialidad. Granos de café en 3D que caen en el hero, armador de suscripción con precio en vivo y diseño editorial cálido: que el visitante quiera suscribirse antes del footer.

Cliente
Pieza de muestra
Año
2026
Rol
Diseño y desarrollo
Sector
Café de especialidad
Ver sitio en vivo
Cumbre

El reto

El café de especialidad compite contra marcas de góndola con presupuestos enormes. La diferencia se vende con relato y sensación, no con descuentos. El reto de esta muestra: transmitir frescura, oficio y altura en los primeros tres segundos.

La solución

Un hero con granos de café modelados en 3D (Three.js) que caen y giran con luz cálida, tipografía serif editorial y un armador de suscripción real: elegís origen, molienda, frecuencia y cantidad, y el precio mensual se recalcula en vivo, con carrito funcional. Orígenes con puntaje de cata y proceso en tres pasos completan el recorrido, con animaciones al hacer scroll.

El resultado

Una pieza que se siente premium y viva: el 3D da profundidad sin fotos pesadas, el configurador convierte y todo funciona en móvil. Demuestra el nivel de diseño, interacción y código que entregamos —3D y micro-interacciones incluidas— en una landing.

Stack

AstroThree.js (3D)CSS a medida

Cumbre es una pieza de muestra: una marca ficticia de café de especialidad creada para enseñar de qué es capaz una landing del plan Esencial. Sin cliente real detrás, pero con el mismo rigor de diseño, rendimiento y código que aplicamos en cada proyecto.

Cumbre — vista completa de escritorio
Cumbre — vista completa de escritorio
Cumbre — vista móvil
Cumbre — vista móvil
Siguiente proyecto

Volumen