// 01_CORE
volver a proyectos

Esther Romero Studio

Desarrollo Webflow para un estudio de interiorismo con una dirección artística muy cuidada dirigida por Nubri Design.

diseño
Nubri Design
desarrollo
Webflow
cliente
Nubri Design
año
2026
estudio de diseño
Nubri Design
duración
2 semanas
stack
Webflow, GSAP, Figma
estado
En producción
servicios
Desarrollo Webflow, Animaciones, SEO técnico
visitar web
FIG. 01 — home en desktop
// 01_Contexto

Del diseño al desarrollo

Nubri Design diseñó la nueva página web de Esther Romero Studio. Nuestro trabajo consistió en trasladar a la web un diseño muy cuidado, con especial énfasis en las sensaciones y la experiencia durante la navegación, respetando al máximo la propuesta desarrollada en Figma.

En este proyecto prestamos especial atención al tratamiento de la fotografía y a la fluidez de las animaciones y transiciones que articulan la experiencia. Todo ello con el reto de mantener un alto nivel de rendimiento, asegurando que la riqueza visual de la web no comprometiera su velocidad ni su experiencia de usuario.

fidelidad al diseño

rendimiento óptimo

animaciones integradas

optimización de recursos

// 02_alcance

desarrollo completo en webflow

Desarrollo completo del sitio en Webflow, trasladando el diseño y la dirección de arte al navegador con máxima fidelidad.

animaciones con gsap

Implementación de animaciones e interacciones a medida con GSAP para crear una navegación fluida y acompañar el contenido durante el scroll.

loader animado

Desarrollo de un loader personalizado para introducir la web con una transición cuidada y coherente con la identidad visual.

responsive

Adaptación de la experiencia a los distintos dispositivos, manteniendo la composición, jerarquía visual y ritmo del diseño.

seo básico

Configuración de la estructura SEO básica, metadatos y elementos necesarios para dejar el sitio preparado para su indexación.

optimización de rendimiento

Optimización de imágenes, animaciones y recursos para conseguir una experiencia rápida y fluida sin comprometer el resultado visual.

// 03_detalles_del_desarrollo
FIG. 02 — CMS proyectos

CMS para el cliente

Colecciones pensadas para que Iguana Digital gestione el portfolio sin tocar código.

FIG. 03 — animación

GSAP para animaciones

Acabado de la página con animaciones fluidas que acompañan al contenido.

FIG. 04 — configuración seo

SEO on-page

Configuración de meta datos, schema markup, robots.txt, sitemap.xml, alt...

FIG. 05 — home mobile

Responsive

Adaptación totalmente fiel al diseño planteado en todas las resoluciones y dispositivos.

// 04_resultados

Lo que aportamos

Nuestro trabajo fue llevar la propuesta de Nubri Design a una experiencia web real, manteniendo la sensibilidad del diseño en cada detalle.

Pusimos especial atención en el tratamiento de la fotografía, el ritmo de las animaciones y la fluidez de las transiciones, buscando que todos estos elementos funcionaran de forma natural durante la navegación.

Al mismo tiempo, trabajamos la implementación para que esta riqueza visual no penalizara el rendimiento, consiguiendo un equilibrio entre una experiencia cuidada y una web rápida y funcional.

// 05_cifras_google_speed
[BARCELONA,ES]
14:02
94

performance

100

accesibilidad

100

prácticas recomendadas

100

seo

// colaboremos

¿Buscas un partner tecnológico para tu próximo proyecto?

colaboremos