{"id":42541,"date":"2026-05-07T07:12:48","date_gmt":"2026-05-07T07:12:48","guid":{"rendered":"https:\/\/codewebbarcelona.com\/?p=42541"},"modified":"2026-05-07T07:36:03","modified_gmt":"2026-05-07T07:36:03","slug":"disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/","title":{"rendered":"Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR"},"content":{"rendered":"<p>La web de <strong>MERSI Architecture<\/strong>, desenvolupada per l\u2019estudi creatiu <strong>FLOT NOIR<\/strong>, \u00e9s un d\u2019aquells projectes que demostren com el disseny web pot convertir-se en una extensi\u00f3 natural de l\u2019arquitectura, l\u2019interiorisme i la identitat de marca. Reconeguda com a <strong>Site of the Day a Awwwards<\/strong>, aquesta experi\u00e8ncia digital destaca per una combinaci\u00f3 extremadament dif\u00edcil d\u2019executar: sofisticaci\u00f3 visual, calma narrativa i una precisi\u00f3 editorial impecable.<\/p>\n<p>Des del primer scroll queda clar que no ens trobem davant d\u2019un portfolio tradicional. No hi ha saturaci\u00f3 visual, efectes excessius ni animacions gratu\u00eftes. Tot el projecte est\u00e0 constru\u00eft al voltant d\u2019una idea molt concreta: traduir el concepte de <em>quiet luxury<\/em> al llenguatge digital. El resultat \u00e9s una experi\u00e8ncia silenciosa, elegant i profundament immersiva que es converteix en una refer\u00e8ncia clara per a qualsevol estudi de disseny web premium o ag\u00e8ncia especialitzada en branding digital contemporani.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42541-1\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-1.mp4?_=1\" \/><\/video><\/div>\n<h3>Quiet luxury convertit en experi\u00e8ncia digital<\/h3>\n<p>La filosofia de MERSI es defineix com \u201cquiet luxury interiors shaped by true stories\u201d, i aquesta idea travessa absolutament totes les decisions del lloc web. El luxe aqu\u00ed no es comunica mitjan\u00e7ant espectacularitat ni exc\u00e9s tecnol\u00f2gic, sin\u00f3 a trav\u00e9s d\u2019una cosa molt m\u00e9s sofisticada: control absolut del ritme, precisi\u00f3 visual i sensibilitat editorial.<\/p>\n<p>La interf\u00edcie utilitza espais negatius molt amplis, jerarquies tipogr\u00e0fiques extremadament cuidades i un ritme visual pausat que transmet calma des del primer moment. Cada transici\u00f3 sembla mesurada amb precisi\u00f3 arquitect\u00f2nica. No hi ha elements innecessaris ni crides d\u2019atenci\u00f3 agressives; tot respira ordre, silenci i equilibri.<\/p>\n<p>Aquest enfocament \u00e9s especialment rellevant dins del disseny web contemporani per a marques premium, on cada vegada m\u00e9s estudis creatius entenen que el veritable luxe digital no neix de l\u2019exc\u00e9s, sin\u00f3 de la contenci\u00f3.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42541-2\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-6.mp4?_=2\" \/><\/video><\/div>\n<h3>Una navegaci\u00f3 horitzontal que transforma el portfolio en un recorregut espacial<\/h3>\n<p>Un dels elements m\u00e9s interessants del projecte \u00e9s la decisi\u00f3 d\u2019utilitzar navegaci\u00f3 horitzontal a les p\u00e0gines de projecte. En lloc del scroll vertical tradicional, FLOT NOIR introdueix un sistema lateral que modifica completament la percepci\u00f3 de l\u2019usuari.<\/p>\n<p>Els espais deixen de sentir-se com una simple galeria d\u2019imatges i passen a funcionar com seq\u00fc\u00e8ncies arquitect\u00f2niques curosament dirigides. L\u2019usuari no \u201cconsumeix\u201d projectes r\u00e0pidament; els travessa.<\/p>\n<p>Cada transici\u00f3 t\u00e9 un tempo espec\u00edfic. Les imatges apareixen dins de composicions extremadament controlades i el despla\u00e7ament genera una sensaci\u00f3 molt m\u00e9s cinematogr\u00e0fica i editorial que la majoria de portfolios d\u2019arquitectura actuals.<\/p>\n<p>Aquest tipus de decisions s\u00f3n especialment interessants per a estudis especialitzats en disseny web per a arquitectura i interiorisme, ja que demostren com la navegaci\u00f3 pot convertir-se en una eina narrativa i no \u00fanicament funcional.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42541-3\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-5.mp4?_=3\" \/><\/video><\/div>\n<h3>Minimalisme sofisticat i direcci\u00f3 d\u2019art extremadament precisa<\/h3>\n<p>Molts projectes minimalistes acaben sent gen\u00e8rics perqu\u00e8 redueixen massa el llenguatge visual. La web de MERSI evita completament aquest problema gr\u00e0cies a una direcci\u00f3 d\u2019art extremadament s\u00f2lida i coherent.<\/p>\n<p>La identitat visual es construeix mitjan\u00e7ant:<\/p>\n<ul>\n<li>Tipografies editorials amb gran pres\u00e8ncia.<\/li>\n<li>Espais buits curosament equilibrats.<\/li>\n<li>\u00das molt contingut del color.<\/li>\n<li>Jerarquies visuals extremadament clares.<\/li>\n<li>Composicions que recorden el disseny editorial contemporani.<\/li>\n<\/ul>\n<p>Res sembla improvisat. Fins i tot els silencis visuals tenen intenci\u00f3. Aquest nivell de precisi\u00f3 \u00e9s precisament el que diferencia els projectes desenvolupats per estudis de disseny web premium de propostes m\u00e9s gen\u00e8riques o sobrecarregades.<\/p>\n<p>La web aconsegueix una cosa especialment dif\u00edcil: ser minimalista sense perdre personalitat.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42541-4\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-4.mp4?_=4\" \/><\/video><\/div>\n<h3>Disseny editorial aplicat al UX\/UI<\/h3>\n<p>Un dels aspectes m\u00e9s potents del projecte \u00e9s com adopta codis propis del disseny editorial contemporani. L\u2019experi\u00e8ncia recorda molt m\u00e9s una revista d\u2019arquitectura o una publicaci\u00f3 d\u2019interiors de luxe que no pas una web corporativa tradicional.<\/p>\n<p>Els textos respiren, les imatges tenen espai i les composicions estan constru\u00efdes amb una l\u00f2gica de maquetaci\u00f3 editorial. L\u2019usuari avan\u00e7a pel contingut de forma pausada, gaireb\u00e9 contemplativa, fet que encaixa perfectament amb el posicionament sofisticat de la marca.<\/p>\n<p>Aquest enfocament editorial \u00e9s cada vegada m\u00e9s rellevant dins del disseny web per a marques premium perqu\u00e8 permet generar experi\u00e8ncies molt m\u00e9s emocionals i memorables.<\/p>\n<p>En lloc d\u2019accelerar constantment la navegaci\u00f3, el lloc desacelera l\u2019usuari i l\u2019obliga a observar. I \u00e9s precisament aqu\u00ed on apareix la sensaci\u00f3 de luxe.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42541-5\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-3.mp4?_=5\" \/><\/video><\/div>\n<h3>UX silenciosa: una experi\u00e8ncia dissenyada per transmetre calma<\/h3>\n<p>L\u2019experi\u00e8ncia d\u2019usuari est\u00e0 dissenyada amb una l\u00f2gica extremadament coherent. No existeixen interrupcions innecess\u00e0ries, men\u00fas invasius ni elements que trenquin el flux visual. Tot el sistema sembla pensat per reduir soroll i afavorir una navegaci\u00f3 molt m\u00e9s serena.<\/p>\n<p>Aix\u00f2 requereix molta m\u00e9s feina del que sembla. Quan s\u2019eliminen elements superflus, cada detall guanya import\u00e0ncia: espais, timings, velocitats de transici\u00f3, ritme tipogr\u00e0fic i jerarquia visual han de funcionar amb precisi\u00f3 absoluta.<\/p>\n<p>\u00c9s un exemple excel\u00b7lent de com un estudi especialitzat en UX\/UI i branding digital pot utilitzar la simplicitat com una eina estrat\u00e8gica i no \u00fanicament est\u00e8tica.<\/p>\n<h3>Webflow i GSAP: tecnologia invisible per\u00f2 perfectament integrada<\/h3>\n<p>A nivell t\u00e8cnic, el projecte combina <strong>Webflow<\/strong> amb animacions avan\u00e7ades desenvolupades mitjan\u00e7ant <strong>GSAP<\/strong>. El m\u00e9s interessant \u00e9s que la tecnologia mai no es converteix en protagonista visible. Tot est\u00e0 al servei de la sensaci\u00f3 de flu\u00efdesa i precisi\u00f3.<\/p>\n<p>Les animacions s\u00f3n suaus, perfectament sincronitzades i extremadament contingudes. No busquen espectacle, sin\u00f3 sofisticaci\u00f3. Aquest tipus de motion design elegant i silenci\u00f3s s\u2019est\u00e0 convertint en una de les grans tend\u00e8ncies dins del disseny web premium i de les experi\u00e8ncies digitals per a arquitectura i luxe contemporani.<\/p>\n<p>A m\u00e9s, el rendiment est\u00e0 especialment cuidat. Tot i treballar amb imatges de gran mida i transicions complexes, la navegaci\u00f3 es mant\u00e9 lleugera i estable. Aix\u00f2 demostra una comprensi\u00f3 profunda de com equilibrar direcci\u00f3 d\u2019art, tecnologia i performance.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42541-6\" width=\"1600\" height=\"1200\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-2.mp4?_=6\" \/><\/video><\/div>\n<h3>La import\u00e0ncia del ritme en el disseny web contemporani<\/h3>\n<p>Un dels grans aprenentatges que deixa aquest projecte \u00e9s la import\u00e0ncia del ritme dins de l\u2019experi\u00e8ncia digital. Moltes webs actuals intenten captar l\u2019atenci\u00f3 mitjan\u00e7ant velocitat constant, est\u00edmuls permanents i exc\u00e9s de moviment.<\/p>\n<p>MERSI fa exactament el contrari. Utilitza pauses, espais buits i moviments lents per construir una sensaci\u00f3 de control i sofisticaci\u00f3.<\/p>\n<p>Aquesta capacitat per modular el ritme \u00e9s precisament el que converteix l\u2019experi\u00e8ncia en una cosa memorable. L\u2019usuari sent que la web t\u00e9 una personalitat pr\u00f2pia i que cada transici\u00f3 est\u00e0 dissenyada per acompanyar l\u2019arquitectura de l\u2019estudi.<\/p>\n<p>En el disseny web premium actual, el luxe ja no s\u2019expressa mitjan\u00e7ant saturaci\u00f3 visual; s\u2019expressa mitjan\u00e7ant claredat, precisi\u00f3 i silenci.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-42529\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-2.jpg\" alt=\"\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-2.jpg 1600w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-2-1440x1080.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-2-1200x900.jpg 1200w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-2-1000x750.jpg 1000w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-2-750x563.jpg 750w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-2-400x300.jpg 400w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3>Una identitat digital completament alineada amb l\u2019arquitectura de l\u2019estudi<\/h3>\n<p>Probablement el m\u00e8rit m\u00e9s gran del projecte sigui la seva coher\u00e8ncia absoluta. La web no sembla una eina de m\u00e0rqueting afegida damunt de l\u2019estudi; sembla una extensi\u00f3 natural de la seva filosofia arquitect\u00f2nica.<\/p>\n<p>Tot connecta:<\/p>\n<ul>\n<li>La manera d\u2019utilitzar l\u2019espai.<\/li>\n<li>La composici\u00f3 visual.<\/li>\n<li>El ritme pausat.<\/li>\n<li>La navegaci\u00f3 horitzontal.<\/li>\n<li>El to editorial.<\/li>\n<li>L\u2019abs\u00e8ncia de soroll visual.<\/li>\n<\/ul>\n<p>Aquest nivell de coher\u00e8ncia \u00e9s precisament el que converteix certs projectes en refer\u00e8ncies reals dins del disseny web contemporani i del branding digital per a marques premium.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-42532\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-1.jpg\" alt=\"\" width=\"1600\" height=\"1200\" srcset=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-1.jpg 1600w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-1-1440x1080.jpg 1440w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-1-1200x900.jpg 1200w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-1-1000x750.jpg 1000w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-1-750x563.jpg 750w, https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir-1-400x300.jpg 400w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/p>\n<h3>Conclusi\u00f3<\/h3>\n<p>La web de MERSI Architecture demostra que encara \u00e9s possible construir experi\u00e8ncies digitals sofisticades sense dependre de l\u2019exc\u00e9s tecnol\u00f2gic ni de l\u2019impacte visual immediat.<\/p>\n<p>La seva for\u00e7a es troba en la precisi\u00f3 conceptual, la claredat visual i la capacitat de transformar una filosofia arquitect\u00f2nica en una experi\u00e8ncia interactiva coherent i memorable.<\/p>\n<p>Per a qualsevol dissenyador, estudi creatiu o ag\u00e8ncia especialitzada en disseny web premium, branding digital o UX\/UI editorial, aquest projecte funciona com un excel\u00b7lent cas d\u2019estudi sobre com construir identitat digital des de la sensibilitat, la contenci\u00f3 i el ritme.<\/p>\n<p>En un panorama dominat per interf\u00edcies cada vegada m\u00e9s sorolloses, MERSI Architecture aconsegueix una cosa molt m\u00e9s dif\u00edcil: crear una experi\u00e8ncia silenciosa capa\u00e7 de romandre a la mem\u00f2ria de l\u2019usuari molt despr\u00e9s d\u2019abandonar la web.<\/p>\n<h3>Cr\u00e8dits del projecte<\/h3>\n<p><strong>Projecte:<\/strong> MERSI Architecture<br \/>\n<strong>Creador:<\/strong> FLOT NOIR \u2014 Cl\u00e9ment Merouani &amp; Thomas Carr\u00e9<br \/>\n<strong>Client:<\/strong> MERSI Architecture<br \/>\n<strong>Reconeixement:<\/strong> Awwwards \u2014 Site of the Day<br \/>\n<strong>Tecnologies:<\/strong> Webflow + GSAP<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La web de MERSI Architecture, desenvolupada per l\u2019estudi creatiu FLOT NOIR, \u00e9s un d\u2019aquells projectes que demostren com el disseny web pot convertir-se en una extensi\u00f3 natural de l\u2019arquitectura, l\u2019interiorisme i la identitat de marca. Reconeguda com a Site of the Day a Awwwards, aquesta experi\u00e8ncia digital destaca per una combinaci\u00f3 extremadament dif\u00edcil d\u2019executar: sofisticaci\u00f3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":42536,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[207,208,210],"class_list":["post-42541","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destacat","category-disseny-desenvolupament-web","category-inspiracio"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR - Code Barcelona<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"La web de MERSI Architecture, desenvolupada per l\u2019estudi creatiu FLOT NOIR, \u00e9s un d\u2019aquells projectes que demostren com el disseny web pot convertir-se en una extensi\u00f3 natural de l\u2019arquitectura, l\u2019interiorisme i la identitat de marca. Reconeguda com a Site of the Day a Awwwards, aquesta experi\u00e8ncia digital destaca per una combinaci\u00f3 extremadament dif\u00edcil d\u2019executar: sofisticaci\u00f3 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-07T07:12:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-07T07:36:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR\",\"datePublished\":\"2026-05-07T07:12:48+00:00\",\"dateModified\":\"2026-05-07T07:36:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/\"},\"wordCount\":1490,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif\",\"articleSection\":[\"Destacat\",\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/\",\"name\":\"Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif\",\"datePublished\":\"2026-05-07T07:12:48+00:00\",\"dateModified\":\"2026-05-07T07:36:03+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif\",\"width\":800,\"height\":600},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR - Code Barcelona","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/","og_locale":"ca_ES","og_type":"article","og_title":"Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR - Code Barcelona","og_description":"La web de MERSI Architecture, desenvolupada per l\u2019estudi creatiu FLOT NOIR, \u00e9s un d\u2019aquells projectes que demostren com el disseny web pot convertir-se en una extensi\u00f3 natural de l\u2019arquitectura, l\u2019interiorisme i la identitat de marca. Reconeguda com a Site of the Day a Awwwards, aquesta experi\u00e8ncia digital destaca per una combinaci\u00f3 extremadament dif\u00edcil d\u2019executar: sofisticaci\u00f3 [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/","og_site_name":"Code Barcelona","article_published_time":"2026-05-07T07:12:48+00:00","article_modified_time":"2026-05-07T07:36:03+00:00","og_image":[{"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif","width":800,"height":600,"type":"image\/gif"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"8 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR","datePublished":"2026-05-07T07:12:48+00:00","dateModified":"2026-05-07T07:36:03+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/"},"wordCount":1490,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif","articleSection":["Destacat","Disseny i desenvolupament web","Inspiraci\u00f3"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/","url":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/","name":"Disseny web destacat de la setmana: MERSI Architecture by FLOT NOIR - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif","datePublished":"2026-05-07T07:12:48+00:00","dateModified":"2026-05-07T07:36:03+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/disseny-web-destacat-de-la-setmana-mersi-architecture-by-flot-noir\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2026\/05\/code-barcelona-diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir5-ezgif.com-video-to-gif-converter.gif","width":800,"height":600},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/42541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=42541"}],"version-history":[{"count":1,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/42541\/revisions"}],"predecessor-version":[{"id":42542,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/42541\/revisions\/42542"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/42536"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=42541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=42541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}