Portafolio inmersivo 3D con motor reutilizable
Diseñamos y desarrollamos un portafolio de nivel agencia con una experiencia 3D en tiempo real, montado sobre un framework PHP MVC propio y un motor 3D reutilizable que dibuja la escena a partir del contenido de la base de datos. El cliente administra todo sin tocar una línea de código.
Visitar sitioCaso de estudio
El cliente, un especialista en marketing, necesitaba un sitio con factor "wow" que lo diferenciara de plantillas genéricas, pero que además él pudiera administrar solo y que rindiera bien en equipos modestos y en móvil. El desafío real era casar tres cosas que normalmente pelean entre sí: 3D pesado (Three.js/WebGL), SEO sólido (el 3D suele ser terrible para indexar) y un backend seguro y autoadministrable. Y todo pensado para reutilizarse en varios portafolios, no para un sitio desechable.
Optamos por una arquitectura híbrida: un home inmersivo en 3D + páginas reales enrutadas por PHP (proyectos, servicios, sobre mí, contacto) para que Google sí tenga contenido que indexar.
El corazón es un motor 3D reutilizable y data-driven: cada sección declara su contenido con atributos data-* y el motor lee el DOM para renderizar modelos GLTF, texto 3D y la coreografía de scroll. Mismo motor, distinto contenido por sitio.
Lo construimos sobre un framework PHP MVC propio (enrutador con parámetros regex, CSRF y middlewares; ORM ligero sobre PDO con consultas parametrizadas) y un pipeline de build con gulp (SCSS/JS) + Vite (bundle de Three.js con tree-shaking). El panel de administración da CRUD completo, y al subir una imagen se genera sola en avif/webp/jpg para que el navegador use la más ligera.
Un sitio en producción con un home 3D fluido, modo claro/oscuro automático y totalmente responsivo. El dueño gestiona el 100% del contenido sin tocar código, y el SEO de cada proyecto se genera automáticamente desde los campos que llena. El motor quedó reutilizable: hoy alimenta una familia de portafolios cambiando solo el contenido, no el código. Base técnica cuidada de punta a punta: HTML semántico, imágenes optimizadas, datos estructurados y cabeceras de seguridad.
Una experiencia 3D que detiene el scroll
El corazón del sitio es una escena 3D en tiempo real: modelos que flotan y cobran vida conforme el visitante hace scroll, con una coreografía cuidada al detalle. No es un video ni una imagen —se renderiza en vivo en el navegador. Ese impacto inicial es lo que hace que un visitante se quede y recuerde la marca.
Día y noche, en cualquier pantalla
El sitio detecta si el visitante prefiere modo claro u oscuro y se adapta solo, manteniendo la elegancia en ambos. Y se ve impecable en computadora, tablet y celular, cuidando que el 3D siga fluido incluso en equipos modestos. Una sola versión del sitio, perfecta en todos lados.
Autonomía total del cliente
Construimos un panel privado donde Mau administra su portafolio completo: agrega proyectos con sus imágenes y casos, publica sus servicios y recibe los mensajes de contacto. Sin mensualidades por cambios, sin esperar a nadie. Cada proyecto que sube se optimiza solo para Google y para cargar rápido. Su sitio, bajo su control.
"Ha sido una experiencia realmente satisfactoria, sin duda son profesionales con capacidad y conocimiento sólido en desarrollo de software, su transparencia es lo que más me impresionó y es sin duda un diferenciador de otras agencias."
¿Quieres algo similar?
Cuéntanos tu proyecto y encontramos la mejor solución para tu negocio.