UX/UI, desarrollo Webflow, arquitectura CMS, migración y SEO
Arquitectura de interiores y diseño
Ibiza, España
Diseño y desarrollo Webflow para Bloom Studio, estudio de arquitectura de interiores y diseño en Ibiza. Un portfolio editorial donde la selección de las fotografías, el ritmo de las composiciones y la precisión de las interacciones dan forma a una experiencia sobria y cuidada.
El punto de partida
Bloom buscaba una presencia online capaz de reflejar la sensibilidad de su trabajo. Desde el primer momento, la web debía transmitir la atención a las proporciones, al equilibrio y a los detalles que caracteriza los proyectos del estudio.
Construí el proyecto en torno a esta intención, trabajando en el descubrimiento de las imágenes y en el espacio que las rodea. El objetivo era crear un recorrido visual que despertara la curiosidad e invitara a tomarse el tiempo de observar.
Un diseño editorial y atemporal
El enfoque se inspira en la maquetación editorial: una jerarquía clara, composiciones equilibradas, una tipografía discreta y espacio para las imágenes. Elegí una estética sencilla y atemporal, cuyo carácter surge de la relación entre estos elementos.
Esta sencillez exige precisión. Alineaciones, proporciones y espaciados construyen un conjunto coherente, pensado para conservar su identidad a medida que el portfolio incorpora nuevos proyectos.
Elegir las imágenes, construir el relato
La selección de las fotografías forma parte del diseño. Trabajé su secuencia imaginando cómo se descubrirían: cuál abriría el relato, cuáles dialogarían mejor juntas y en qué momento dejar una pausa.
Estas decisiones guiaron las composiciones asimétricas, la alternancia de formatos y los cambios de escala. Algunas fotografías ocupan todo el ancho; otras se combinan o se presentan solas. Cada disposición cambia el ritmo y el lugar de una imagen en el relato.
También cuidé el paso de una composición a la siguiente. El espacio vacío permite que una fotografía retenga la atención antes de que el desplazamiento introduzca la siguiente. Así, cada proyecto encuentra su propio ritmo dentro de un lenguaje visual común.
Animaciones discretas, detalles precisos
Dediqué la misma atención al movimiento. Animaciones ligeras acompañan el desplazamiento y las interacciones, preservando la sensación de calma.
La aparición de un elemento, un pie de foto que se revela o la respuesta de la interfaz al pasar el cursor contribuyen a la percepción de la web. Ajusté la duración y la intensidad de estos movimientos para que se integraran de forma natural en la composición.
Esta atención también se refleja en la distancia entre una fotografía y su texto, la posición de un enlace o la continuidad de las alineaciones. Juntos, estos detalles dan carácter a la web.
Una estructura flexible en Webflow
Para preservar esta libertad de composición, desarrollé un CMS modular en Webflow. Las páginas de proyecto se basan en bloques reutilizables: imágenes a todo el ancho, formatos verticales y fotografías en paralelo que pueden combinarse en diferentes secuencias.
Esta estructura permite crear un relato propio para cada trabajo, manteniendo proporciones y reglas comunes. Los textos, la información y los contenidos adicionales se integran según las necesidades de cada proyecto.
También adapté las composiciones a las distintas pantallas, ajustando las dimensiones, los espaciados y la disposición de los elementos para conservar el ritmo en móvil.
Migración y continuidad SEO
El paso de la web existente a Webflow también requería tener en cuenta la visibilidad que Bloom ya había conseguido. Abordé la migración con el objetivo de preservar el valor SEO de los contenidos y garantizar la continuidad de la presencia online del estudio.
La optimización acompañó el rediseño. Se revisaron la organización de las páginas, la jerarquía de los títulos y los metadatos para aclarar los contenidos y su relación con la actividad de Bloom.
En una web tan visual, el espacio dedicado al texto exige un equilibrio particular. Integré la información útil para el posicionamiento en el relato, respetando la sobriedad del proyecto. La migración permitió renovar la experiencia y consolidar sus bases SEO.
El resultado
Bloom cuenta hoy con un portfolio cuya presentación refleja el cuidado dedicado a sus proyectos.
La selección de las fotografías y su disposición construyen el relato; las animaciones discretas acompañan su descubrimiento. Una estructura Webflow flexible y un trabajo dedicado a la continuidad SEO respaldan la evolución de la web, con la misma atención al diseño, a los contenidos y a los detalles.
