Blog
07/05/2026

Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR

La web de MERSI Architecture, desenvolupada per l’estudi creatiu FLOT NOIR, és un d’aquells projectes que demostren com el disseny web pot convertir-se en una extensió natural de l’arquitectura, l’interiorisme i la identitat de marca. Reconeguda com a Site of the Day a Awwwards, aquesta experiència digital destaca per una combinació extremadament difícil d’executar: sofisticació visual, calma narrativa i una precisió editorial impecable.

Des del primer scroll queda clar que no ens trobem davant d’un portfolio tradicional. No hi ha saturació visual, efectes excessius ni animacions gratuïtes. Tot el projecte està construït al voltant d’una idea molt concreta: traduir el concepte de quiet luxury al llenguatge digital. El resultat és una experiència silenciosa, elegant i profundament immersiva que es converteix en una referència clara per a qualsevol estudi de disseny web premium o agència especialitzada en branding digital contemporani.

Quiet luxury convertit en experiència digital

La filosofia de MERSI es defineix com “quiet luxury interiors shaped by true stories”, i aquesta idea travessa absolutament totes les decisions del lloc web. El luxe aquí no es comunica mitjançant espectacularitat ni excés tecnològic, sinó a través d’una cosa molt més sofisticada: control absolut del ritme, precisió visual i sensibilitat editorial.

La interfície utilitza espais negatius molt amplis, jerarquies tipogràfiques extremadament cuidades i un ritme visual pausat que transmet calma des del primer moment. Cada transició sembla mesurada amb precisió arquitectònica. No hi ha elements innecessaris ni crides d’atenció agressives; tot respira ordre, silenci i equilibri.

Aquest enfocament és especialment rellevant dins del disseny web contemporani per a marques premium, on cada vegada més estudis creatius entenen que el veritable luxe digital no neix de l’excés, sinó de la contenció.

Una navegació horitzontal que transforma el portfolio en un recorregut espacial

Un dels elements més interessants del projecte és la decisió d’utilitzar navegació horitzontal a les pàgines de projecte. En lloc del scroll vertical tradicional, FLOT NOIR introdueix un sistema lateral que modifica completament la percepció de l’usuari.

Els espais deixen de sentir-se com una simple galeria d’imatges i passen a funcionar com seqüències arquitectòniques curosament dirigides. L’usuari no “consumeix” projectes ràpidament; els travessa.

Cada transició té un tempo específic. Les imatges apareixen dins de composicions extremadament controlades i el desplaçament genera una sensació molt més cinematogràfica i editorial que la majoria de portfolios d’arquitectura actuals.

Aquest tipus de decisions són especialment interessants per a estudis especialitzats en disseny web per a arquitectura i interiorisme, ja que demostren com la navegació pot convertir-se en una eina narrativa i no únicament funcional.

Minimalisme sofisticat i direcció d’art extremadament precisa

Molts projectes minimalistes acaben sent genèrics perquè redueixen massa el llenguatge visual. La web de MERSI evita completament aquest problema gràcies a una direcció d’art extremadament sòlida i coherent.

La identitat visual es construeix mitjançant:

  • Tipografies editorials amb gran presència.
  • Espais buits curosament equilibrats.
  • Ús molt contingut del color.
  • Jerarquies visuals extremadament clares.
  • Composicions que recorden el disseny editorial contemporani.

Res sembla improvisat. Fins i tot els silencis visuals tenen intenció. Aquest nivell de precisió és precisament el que diferencia els projectes desenvolupats per estudis de disseny web premium de propostes més genèriques o sobrecarregades.

La web aconsegueix una cosa especialment difícil: ser minimalista sense perdre personalitat.

Disseny editorial aplicat al UX/UI

Un dels aspectes més potents del projecte és com adopta codis propis del disseny editorial contemporani. L’experiència recorda molt més una revista d’arquitectura o una publicació d’interiors de luxe que no pas una web corporativa tradicional.

Els textos respiren, les imatges tenen espai i les composicions estan construïdes amb una lògica de maquetació editorial. L’usuari avança pel contingut de forma pausada, gairebé contemplativa, fet que encaixa perfectament amb el posicionament sofisticat de la marca.

Aquest enfocament editorial és cada vegada més rellevant dins del disseny web per a marques premium perquè permet generar experiències molt més emocionals i memorables.

En lloc d’accelerar constantment la navegació, el lloc desacelera l’usuari i l’obliga a observar. I és precisament aquí on apareix la sensació de luxe.

UX silenciosa: una experiència dissenyada per transmetre calma

L’experiència d’usuari està dissenyada amb una lògica extremadament coherent. No existeixen interrupcions innecessàries, menús invasius ni elements que trenquin el flux visual. Tot el sistema sembla pensat per reduir soroll i afavorir una navegació molt més serena.

Això requereix molta més feina del que sembla. Quan s’eliminen elements superflus, cada detall guanya importància: espais, timings, velocitats de transició, ritme tipogràfic i jerarquia visual han de funcionar amb precisió absoluta.

És un exemple excel·lent de com un estudi especialitzat en UX/UI i branding digital pot utilitzar la simplicitat com una eina estratègica i no únicament estètica.

Webflow i GSAP: tecnologia invisible però perfectament integrada

A nivell tècnic, el projecte combina Webflow amb animacions avançades desenvolupades mitjançant GSAP. El més interessant és que la tecnologia mai no es converteix en protagonista visible. Tot està al servei de la sensació de fluïdesa i precisió.

Les animacions són suaus, perfectament sincronitzades i extremadament contingudes. No busquen espectacle, sinó sofisticació. Aquest tipus de motion design elegant i silenciós s’està convertint en una de les grans tendències dins del disseny web premium i de les experiències digitals per a arquitectura i luxe contemporani.

A més, el rendiment està especialment cuidat. Tot i treballar amb imatges de gran mida i transicions complexes, la navegació es manté lleugera i estable. Això demostra una comprensió profunda de com equilibrar direcció d’art, tecnologia i performance.

La importància del ritme en el disseny web contemporani

Un dels grans aprenentatges que deixa aquest projecte és la importància del ritme dins de l’experiència digital. Moltes webs actuals intenten captar l’atenció mitjançant velocitat constant, estímuls permanents i excés de moviment.

MERSI fa exactament el contrari. Utilitza pauses, espais buits i moviments lents per construir una sensació de control i sofisticació.

Aquesta capacitat per modular el ritme és precisament el que converteix l’experiència en una cosa memorable. L’usuari sent que la web té una personalitat pròpia i que cada transició està dissenyada per acompanyar l’arquitectura de l’estudi.

En el disseny web premium actual, el luxe ja no s’expressa mitjançant saturació visual; s’expressa mitjançant claredat, precisió i silenci.

Una identitat digital completament alineada amb l’arquitectura de l’estudi

Probablement el mèrit més gran del projecte sigui la seva coherència absoluta. La web no sembla una eina de màrqueting afegida damunt de l’estudi; sembla una extensió natural de la seva filosofia arquitectònica.

Tot connecta:

  • La manera d’utilitzar l’espai.
  • La composició visual.
  • El ritme pausat.
  • La navegació horitzontal.
  • El to editorial.
  • L’absència de soroll visual.

Aquest nivell de coherència és precisament el que converteix certs projectes en referències reals dins del disseny web contemporani i del branding digital per a marques premium.

Conclusió

La web de MERSI Architecture demostra que encara és possible construir experiències digitals sofisticades sense dependre de l’excés tecnològic ni de l’impacte visual immediat.

La seva força es troba en la precisió conceptual, la claredat visual i la capacitat de transformar una filosofia arquitectònica en una experiència interactiva coherent i memorable.

Per a qualsevol dissenyador, estudi creatiu o agència especialitzada en disseny web premium, branding digital o UX/UI editorial, aquest projecte funciona com un excel·lent cas d’estudi sobre com construir identitat digital des de la sensibilitat, la contenció i el ritme.

En un panorama dominat per interfícies cada vegada més sorolloses, MERSI Architecture aconsegueix una cosa molt més difícil: crear una experiència silenciosa capaç de romandre a la memòria de l’usuari molt després d’abandonar la web.

Crèdits del projecte

Projecte: MERSI Architecture
Creador: FLOT NOIR — Clément Merouani & Thomas Carré
Client: MERSI Architecture
Reconeixement: Awwwards — Site of the Day
Tecnologies: Webflow + GSAP

T'ha agradat?
Articles relacionats
Comencem a treballar
en el teu projecte?

Analitzem la teva situació actual i definim el proper pas.

Contacta ara
El nostre lloc utilitza galetes per recopilar informació sobre el dispositiu i la seva activitat de navegació. fent clic aquí.
Acceptar cookies Configurar Rebutjar cookies
Informació bàsica de les cookies
Aquest lloc web utilitza galetes i/o tecnologies similars que emmagatzemen i recuperen informació quan navega. Política de cookies".
Acceptar cookiesConfigurar
Galetes tècniques necessàries Sempre actives
Les cookies tècniques són estrictament necessàries perquè el nostre lloc web funcioni i puguis navegar-hi.
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 preferències
contacta amb nosaltres
Formulari

Explica'ns
el teu projecte

Indiqueu el context general de la vostra organització i l'abast previst del projecte.
Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Title
Popupcontent
Anàlisi de la teva situació digital

Revisarem la teva situació digital actual. Ens posarem en contacte amb tu per entendre el teu context i valorar conjuntament quines àrees analitzar, i posteriorment elaborarem una auditoria amb els punts clau i recomanacions.

Code Barcelona, ​​com a responsable del tractament de les vostres dades, tractarà les mateixes amb la finalitat de donar resposta a la consulta i/o petició que ens realitza a través d'aquest formulari de contacte. política de privadesa.
Aceptar