Todos los proyectos
Caso de estudio

Sitio Web Automotriz 3D Interactivo

Una experiencia automotriz interactiva creada para explorar el vehículo en tiempo real mediante 3D, movimiento y una interfaz minimalista.

Tipo
Sitio Web 3D · UI/UX · Front-End
Mi rol
Full Stack Developer & UI/UX Designer
Tecnologías
Next.js · React · Three.js · WebGL · Tailwind CSS

Por qué existe este proyecto

Los sitios web automotrices suelen presentar los vehículos muy bien, pero casi siempre de una forma pasiva. Quería probar un enfoque diferente: hacer que el propio automóvil fuera la experiencia.

La idea fue crear una interfaz donde el usuario no solo vea el vehículo, sino que realmente pueda explorarlo, girarlo, acercarse e interactuar con él en tiempo real.

Interfaz de un sitio web automotriz 3D interactivo
Experiencia automotriz 3D interactiva

Lo que quería evitar

Mi principal preocupación era no convertir el 3D en un efecto visual bonito que dificultara la navegación. La interfaz debía seguir siendo simple, rápida y fácil de entender, incluso con una experiencia visual más inmersiva.

Cómo funciona la experiencia

El automóvil se mantiene como el elemento principal durante toda la experiencia. El usuario puede explorar diferentes ángulos, interactuar con el configurador y modificar elementos visuales sin salir de la experiencia.

Diseño + desarrollo

Trabajé en el proyecto desde el diseño de la interfaz hasta la implementación, conectando UI/UX, movimiento y renderizado 3D en una sola experiencia.

El proyecto fue desarrollado con Next.js, React, Three.js, WebGL y Tailwind CSS.

El resultado

El resultado es un sitio web automotriz más cercano a una experiencia de producto que a un sitio corporativo tradicional.

El 3D no está ahí solo para llamar la atención. Forma parte de la manera en que el usuario descubre e interactúa con el automóvil.

¿Quieres un sitio así?

Cuéntame sobre tu proyecto. Respondo por e-mail en menos de 24 horas.

Solicitar presupuesto detallado →