Diseño web 3D y experiencias inmersivas
3D en tiempo real que se gana su sitio en la página: escenas de producto, mundos de marca y espacios que se recorren desde el navegador, sin apps ni descargas y lo bastante ligero para un móvil.
Qué incluye
- Modelado 3D y dirección de arte para web
- Escenas en tiempo real con WebGL y Three.js
- Escenas interactivas de producto y de marca
- Espacios virtuales que se visitan desde el navegador
- Shaders, motion y animación 2D/3D
- Rendimiento: modelos comprimidos, carga diferida e imagen de respaldo
- 3D para Framer: componentes y plugins
Cómo trabajamos
Diseñamos el 3D como parte de la marca, no como una demo técnica. Para Deleito, una hamburguesería de Barcelona, cada pieza 3D se creó para la web: un cielo que pasa del día a la noche y aun así es más ligero y rápido que el de su competencia. Para DISANTINO® Water, agua mineral de los Alpes para el lujo de Dubái, el 3D y el motion sostienen el mundo de la marca.
Primero lo probamos en casa. The Onffice, nuestra oficina, es un espacio 3D que cualquiera puede visitar desde el navegador; el esqueleto de nuestra portada es una escena Three.js en vivo que solo se carga cuando la página ya está lista; y en FUGU World publicamos 3D Importer, un plugin de Framer para modelos GLTF y GLB, además de efectos shader en tiempo real.
Proyectos seleccionados
Todos los proyectosPreguntas frecuentes
¿El 3D hará lenta mi web?
No si se planifica desde el principio. Comprimimos los modelos, cargamos la escena 3D cuando la página ya se puede usar, la pausamos cuando no está en pantalla y mostramos una imagen fija en dispositivos o conexiones que no pueden moverla.
¿Con qué formatos 3D trabajáis?
GLTF y GLB en la web; los modelos de otras herramientas 3D se preparan para tiempo real. Nuestro plugin 3D Importer lleva esos mismos formatos a Framer.
¿Trabajáis con marcas de fuera de España?
Sí. Trabajamos en remoto, en español y en inglés, con el mismo horario que Londres y Lisboa. DISANTINO® Water, uno de nuestros proyectos web 3D, es una marca de Dubái.
Cuéntanos sobre tu marca: hola@byfugu.com