Masterplan 360
Contexto
Layout360Studio es un estudio que produce renders de terrenos en venta y capturas con dron y cámara 360° de casas, locales y propiedades en venta o alquiler, armando recorridos virtuales donde el cliente ve en detalle lo que va a comprar o alquilar. Necesitaban un sitio web para mostrar sus trabajos y atraer nuevos clientes.
Solución
Desarrollé el sitio web del estudio como vidriera de sus trabajos. El sitio muestra los recorridos virtuales y renders de forma interactiva, con animaciones fluidas y navegación SPA. Además me encargo de la parte web: integrar recorridos en sitios existentes o crear sitios nuevos para los clientes que contraten al estudio, por ejemplo inmobiliarias.
Funcionalidades
- Tours virtuales 360° integrados con visor WebGL
- Visualizaciones 3D interactivas
- Efectos visuales con GSAP y AOS (Animate on Scroll)
- Navegación SPA con routing del lado del cliente
- Formulario de contacto con envío por email
- Lazy loading de recursos pesados con Intersection Observer
- Carrusel de proyectos con transiciones suaves
- Deploy automatizado via GitHub Actions + FTP
Desafíos Técnicos
Optimizar el rendimiento de WebGL en dispositivos variados fue el principal desafío. Implementé carga diferida de los viewers 3D y detección de capacidades del dispositivo para ajustar la calidad de renderizado automáticamente.
Stack Tecnológico
Resultado
Sitio en producción como vidriera de los trabajos del estudio.