Llevamos al navegador el sofisticado diseño en Figma de Nubri Design, implementando interacciones y efectos guiados por el scroll que elevan la experiencia digital sin penalizar la velocidad de carga.
Figma a Webflow
Animaciones GSAP
Desarrollo Frontend
Performance optimization
Esther Romero Studio
el proyecto
El cliente
Nubri Design nos confió el desarrollo en Webflow de la página web de Esther Romero Studio, un estudio de interiorismo que integra diseño y neuroarquitectura para crear entornos que despiertan emociones y potencian tú bienestar.
El reto
El proyecto presentaba una gran carga visual, con micro-interacciones, narrativas guiadas por el scroll y una entrada en la web delicada. El verdadero desafío fue el handling del rendimiento: trasladar esa dirección de arte tan sofisticada al navegador de forma pixel-perfect, garantizando que las animaciones fluyeran a 60 FPS estables, sin caídas de frames y manteniendo una velocidad de carga impecable en las métricas de Core Web Vitals.
La solución
El enfoque
Para dar vida al diseño de Nubri sin comprometer la velocidad de la web, decidimos ir más allá de las herramientas nativas de interacción visual. Estructuramos el proyecto de manera ultra-limpia en Webflow y delegamos el comportamiento de las animaciones más complejas a GSAP (GreenSock) mediante código personalizado.
Desarrollo y ejecución
Figma a Webflow de alta Fidelidad: respetamos minuciosamente cada detalle tipográfico, rejilla y espacio en blanco planteado por Nubri Design, construyendo una arquitectura HTML semántica, ligera y escalable.
Core de Animación con GSAP: implementamos efectos de scroll-driven, revelados de contenido asimétricos y transiciones fluidas utilizando GSAP. Al utilizar GSAP, conseguimos que todos los movimientos se ejecuten con una suavidad absoluta, elevando la experiencia premium del diseño sin ralentizar la navegación.
Rendimiento optimizado: sustituir interacciones pesadas del DOM por scripts de JS optimizados nos permitió mantener el sitio extremadamente ligero. El resultado demuestra que un diseño interactivo de vanguardia y de autor puede ser, al mismo tiempo, una web ultra-rápida y eficiente.
