volverPRY 002 · 2024

Lamborghini

Una landing para el Urus en la que el auto se presenta a medida que bajás por la página.

  • Landing
  • 3D en tiempo real

  • Three.js
  • WebGL
  • React
  • React Three Fiber
  • TypeScript
  • CSS
  • GSAP
  • Animations

Una landing de producto para el Lamborghini Urus, pensada como un recorrido: el auto en 3D acompaña cada sección y cambia de posición, de ángulo y de escala a medida que bajás, mientras los textos y los datos entran en escena a su ritmo.

El scroll cuenta la historia completa: la presentación con la cuota destacada, la potencia, las especificaciones —con el baúl que se abre para mostrar su capacidad—, el interior, los modos de manejo y la comparación entre las versiones Performante y S, hasta el llamado a cotizar.

Las animaciones están coreografiadas con GSAP sobre una escena de React Three Fiber, con una tipografía y una paleta en negro y dorado que respetan el tono de la marca. El desafío fue que todo se sienta fluido y preciso, incluso en equipos modestos.

Qué hace

  • Auto 3D que acompaña cada sección del scroll
  • Animaciones coreografiadas con GSAP
  • Especificaciones con el modelo en movimiento
  • Comparación entre versiones y llamado a cotizar
  • Fluida en escritorio y celular
Plataforma
Web (escritorio y celular)
Tecnología
React Three Fiber · GSAP · TypeScript
Tipo
Landing de producto

Explorá más

proyecto 02 / 08
Tuxdi