Blog
07/05/2026

Diseño web destacado de la semana: MERSI Architecture by FLOT NOIR

La web de MERSI Architecture, desarrollada por el estudio creativo FLOT NOIR, es uno de esos proyectos que demuestran cómo el diseño web puede convertirse en una extensión natural de la arquitectura, el interiorismo y la identidad de marca. Reconocida como Site of the Day en Awwwards, esta experiencia digital destaca por una combinación extremadamente difícil de ejecutar: sofisticación visual, calma narrativa y una precisión editorial impecable.

Desde el primer scroll queda claro que no estamos ante un portfolio tradicional. No hay saturación visual, efectos excesivos ni animaciones gratuitas. Todo el proyecto está construido alrededor de una idea muy concreta: traducir el concepto de quiet luxury al lenguaje digital. El resultado es una experiencia silenciosa, elegante y profundamente inmersiva que se convierte en una referencia clara para cualquier estudio de diseño web premium o agencia especializada en branding digital contemporáneo.

Quiet luxury convertido en experiencia digital

La filosofía de MERSI se define como “quiet luxury interiors shaped by true stories”, y esa idea atraviesa absolutamente todas las decisiones del sitio. El lujo aquí no se comunica mediante espectacularidad ni exceso tecnológico, sino mediante algo mucho más sofisticado: control absoluto del ritmo, precisión visual y sensibilidad editorial.

La interfaz utiliza espacios negativos muy amplios, jerarquías tipográficas extremadamente cuidadas y un ritmo visual pausado que transmite calma desde el primer momento. Cada transición parece medida con precisión arquitectónica. No hay elementos innecesarios ni llamadas de atención agresivas; todo respira orden, silencio y equilibrio.

Este enfoque resulta especialmente relevante dentro del diseño web contemporáneo para marcas premium, donde cada vez más estudios creativos entienden que el verdadero lujo digital no nace del exceso, sino de la contención.

Una navegación horizontal que transforma el portfolio en recorrido espacial

Uno de los elementos más interesantes del proyecto es la decisión de utilizar navegación horizontal en las páginas de proyecto. En lugar del scroll vertical tradicional, FLOT NOIR introduce un sistema lateral que modifica completamente la percepción del usuario.

Los espacios dejan de sentirse como una simple galería de imágenes y pasan a funcionar como secuencias arquitectónicas cuidadosamente dirigidas. El usuario no “consume” proyectos rápidamente; los atraviesa.

Cada transición tiene un tempo específico. Las imágenes aparecen dentro de composiciones extremadamente controladas y el desplazamiento genera una sensación mucho más cinematográfica y editorial que la mayoría de portfolios de arquitectura actuales.

Este tipo de decisiones son especialmente interesantes para estudios especializados en diseño web para arquitectura e interiorismo, ya que demuestran cómo la navegación puede convertirse en una herramienta narrativa y no únicamente funcional.

Minimalismo sofisticado y dirección de arte extremadamente precisa

Muchos proyectos minimalistas terminan siendo genéricos porque reducen demasiado el lenguaje visual. La web de MERSI evita completamente ese problema gracias a una dirección de arte extremadamente sólida y coherente.

La identidad visual se construye mediante:

  • Tipografías editoriales de gran presencia.
  • Espacios vacíos cuidadosamente equilibrados.
  • Uso muy contenido del color.
  • Jerarquías visuales extremadamente claras.
  • Composiciones que recuerdan al diseño editorial contemporáneo.

Nada parece improvisado. Incluso los silencios visuales tienen intención. Este nivel de precisión es precisamente lo que diferencia a los proyectos desarrollados por estudios de diseño web premium frente a propuestas más genéricas o sobrecargadas.

La web consigue algo especialmente difícil: ser minimalista sin perder personalidad.

Diseño editorial aplicado al UX/UI

Uno de los aspectos más potentes del proyecto es cómo adopta códigos propios del diseño editorial contemporáneo. La experiencia recuerda mucho más a una revista de arquitectura o a una publicación de interiores de lujo que a una web corporativa tradicional.

Los textos respiran, las imágenes tienen espacio y las composiciones están construidas con lógica de maquetación editorial. El usuario avanza por el contenido de forma pausada, casi contemplativa, lo que encaja perfectamente con el posicionamiento sofisticado de la marca.

Este enfoque editorial es cada vez más relevante dentro del diseño web para marcas premium porque permite generar experiencias mucho más emocionales y memorables.

En lugar de acelerar constantemente la navegación, el sitio desacelera al usuario y le obliga a observar. Y precisamente ahí es donde aparece la sensación de lujo.

UX silenciosa: una experiencia diseñada para transmitir calma

La experiencia de usuario está diseñada con una lógica extremadamente coherente. No existen interrupciones innecesarias, menús invasivos ni elementos que rompan el flujo visual. Todo el sistema parece pensado para reducir ruido y favorecer una navegación mucho más serena.

Esto requiere muchísimo más trabajo del que parece. Cuando se eliminan elementos superfluos, cada detalle gana importancia: espaciados, timings, velocidades de transición, ritmo tipográfico y jerarquía visual deben funcionar con precisión absoluta.

Es un excelente ejemplo de cómo un estudio especializado en UX/UI y branding digital puede utilizar la simplicidad como una herramienta estratégica y no únicamente estética.

Webflow y GSAP: tecnología invisible pero perfectamente integrada

A nivel técnico, el proyecto combina Webflow con animaciones avanzadas desarrolladas mediante GSAP. Lo interesante es que la tecnología nunca se convierte en protagonista visible. Todo está al servicio de la sensación de fluidez y precisión.

Las animaciones son suaves, perfectamente sincronizadas y extremadamente contenidas. No buscan espectáculo, sino sofisticación. Este tipo de motion design elegante y silencioso se está convirtiendo en una de las grandes tendencias dentro del diseño web premium y de las experiencias digitales para arquitectura y lujo contemporáneo.

Además, el rendimiento está especialmente cuidado. A pesar de trabajar con imágenes de gran tamaño y transiciones complejas, la navegación se mantiene ligera y estable. Esto demuestra una comprensión profunda de cómo equilibrar dirección de arte, tecnología y performance.

La importancia del ritmo en el diseño web contemporáneo

Uno de los grandes aprendizajes que deja este proyecto es la importancia del ritmo dentro de la experiencia digital. Muchas webs actuales intentan captar atención mediante velocidad constante, estímulos permanentes y exceso de movimiento.

MERSI hace exactamente lo contrario. Utiliza pausas, espacios vacíos y movimientos lentos para construir una sensación de control y sofisticación.

Esta capacidad para modular el ritmo es precisamente lo que convierte la experiencia en algo memorable. El usuario siente que la web tiene una personalidad propia y que cada transición está diseñada para acompañar la arquitectura del estudio.

En el diseño web premium actual, el lujo ya no se expresa mediante saturación visual; se expresa mediante claridad, precisión y silencio.

Una identidad digital completamente alineada con la arquitectura del estudio

Probablemente el mayor mérito del proyecto sea su coherencia absoluta. La web no parece una herramienta de marketing añadida encima del estudio; parece una extensión natural de su filosofía arquitectónica.

Todo conecta:

  • La forma de utilizar el espacio.
  • La composición visual.
  • El ritmo pausado.
  • La navegación horizontal.
  • El tono editorial.
  • La ausencia de ruido visual.

Este nivel de coherencia es precisamente lo que convierte ciertos proyectos en referencias reales dentro del diseño web contemporáneo y del branding digital para marcas premium.

Conclusión

La web de MERSI Architecture demuestra que todavía es posible construir experiencias digitales sofisticadas sin depender del exceso tecnológico ni del impacto visual inmediato.

Su fuerza está en la precisión conceptual, en la claridad visual y en la capacidad de transformar una filosofía arquitectónica en una experiencia interactiva coherente y memorable.

Para cualquier diseñador, estudio creativo o agencia especializada en diseño web premium, branding digital o UX/UI editorial, este proyecto funciona como un excelente caso de estudio sobre cómo construir identidad digital desde la sensibilidad, la contención y el ritmo.

En un panorama dominado por interfaces cada vez más ruidosas, MERSI Architecture consigue algo mucho más difícil: crear una experiencia silenciosa capaz de permanecer en la memoria del usuario mucho después de abandonar la web.

Créditos del proyecto

Proyecto: MERSI Architecture
Creador: FLOT NOIR — Clément Merouani & Thomas Carré
Cliente: MERSI Architecture
Reconocimiento: Awwwards — Site of the Day
Tecnologías: Webflow + GSAP

¿Te ha gustado?
Sucríbete
Artículos relacionados
¿empezamos a trabajar
en tu proyecto?

Analizamos tu situación actual y definimos el siguiente paso.

Contacta ahora
Nuestro sitio utiliza cookies para recopilar información sobre su dispositivo y su actividad de navegación. Utilizamos estos datos para mejorar el sitio, garantizar la seguridad y ofrecer contenido personalizado. Puede gestionar sus preferencias de cookies haciendo clic aquí.
Aceptar cookies Configurar Rechazar cookies
Información básica de las cookies
Este sitio web utiliza cookies y/o tecnologías similares que almacenan y recuperan información cuando navega. En general, estas tecnologías pueden tener finalidades muy diversas como, por ejemplo, reconocerte como usuario, obtener información sobre tus hábitos de navegación o personalizar la forma en la que se muestran los contenidos. Los usos específicos que hacemos de estas tecnologías se describen a continuación. Por defecto, todas las cookies están deshabilitadas, excepto las técnicas, que son necesarias para el funcionamiento del sitio web. Si desea obtener más información o ejercer sus derechos en materia de protección de datos, puede consultar nuestra Política de cookies".
Aceptar cookiesConfigurar
Cookies técnicas necesarias Siempre activas
Las cookies técnicas son estrictamente necesarias para que nuestro sitio web funcione y puedas navegar por él. Este tipo de cookies son aquellas que, por ejemplo, nos permiten identificarte, darte acceso a determinadas partes restringidas de la página si es necesario, o recordar diferentes opciones o servicios ya seleccionados por ti, como tus preferencias de privacidad. Por tanto, están activadas por defecto, no siendo necesaria su autorización. Mediante la configuración de su navegador puede bloquear o alertar de la presencia de este tipo de cookies, aunque dicho bloqueo afectará al correcto funcionamiento de las diferentes funcionalidades de nuestra página web.
Cookies de análisis
Las cookies de análisis son las utilizadas para llevar a cabo el análisis anónimo del comportamiento de los usuarios de la web y que permiten medir la actividad del usuario y elaborar perfiles de navegación con el fin objetivo de mejorar los sitios web.
Confirmar preferencias
contacta con nosotros
Formulario

Cuéntanos
tu proyecto

Indica el contexto general de tu organización y el alcance previsto del proyecto.
Code Barcelona, como responsable del tratamiento de sus datos, tratará los mismos con la finalidad de dar respuesta a la consulta y/o petición que nos realiza a través de este formulario de contacto. Puede ejercer los derechos de acceso, rectificación, supresión, así como otros derechos consultando la información adicional detallada sobre Protección de Datos en nuestra política de privacidad.
Title
Popupcontent
Análisis de tu situación digital

Revisaremos tu situación digital actual. Nos pondremos en contacto contigo para entender tu contexto y valorar conjuntamente qué áreas analizar, y posteriormente elaboraremos una auditoría con los puntos clave y recomendaciones.

Code Barcelona, como responsable del tratamiento de sus datos, tratará los mismos con la finalidad de dar respuesta a la consulta y/o petición que nos realiza a través de este formulario de contacto. Puede ejercer los derechos de acceso, rectificación, supresión, así como otros derechos consultando la información adicional detallada sobre Protección de Datos en nuestra política de privacidad.
Aceptar