3D Render Design
Diseño y desarrollo técnico de la plataforma web inmersiva para un estudio especializado en visualización arquitectónica y renders. El objetivo principal fue reflejar el fotorrealismo de sus proyectos mediante una experiencia interactiva de alto rendimiento que no comprometiera los tiempos de carga.
Características clave e Impacto Técnico
- Interactividad WebGL (Three.js): Desarrollo de un cubo 3D interactivo en tiempo real para el hero y el loader de entrada, el cual reacciona dinámicamente al cursor y al scroll proyectando texturas del portafolio.
- Arquitectura de Alto Rendimiento: Implementación con Astro y View Transitions para lograr una carga progresiva de imágenes pesadas sumamente veloz y navegación fluida entre páginas sin recargar el navegador.
- Experiencia de Usuario Inmersiva: Integración de Lenis Smooth Scroll combinada con una galería horizontal interactiva basada en gestos (drag-to-scroll) para simular un recorrido físico por el portafolio.
- Localización: Configuración de arquitectura multi-idioma nativa para conmutación instantánea entre español e inglés.
Galería del Proyecto
Página de Inicio
Hero inmersivo con cubo 3D interactivo y tipografía moderna.
Galería de Portafolio
Exposición horizontal de renders arquitectónicos con smooth scroll.