{"id":47074,"date":"2026-05-07T07:12:48","date_gmt":"2026-05-07T07:12:48","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-web-destacado-de-la-semana-mersi-architecture-by-flot-noir\/"},"modified":"2026-06-10T10:27:26","modified_gmt":"2026-06-10T10:27:26","slug":"site-web-de-la-semaine-mersi-architecture-flot-noir","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/","title":{"rendered":"Site web de la semaine : MERSI Architecture par FLOT NOIR"},"content":{"rendered":"<p>Le site de <strong>MERSI Architecture<\/strong>, con\u00e7u par le studio cr\u00e9atif <strong>FLOT NOIR<\/strong>, illustre parfaitement comment le webdesign peut devenir le prolongement naturel de l\u2019architecture, de l\u2019am\u00e9nagement int\u00e9rieur et de l\u2019identit\u00e9 de marque. R\u00e9compens\u00e9e par le titre de <strong>Site of the Day sur Awwwards<\/strong>, cette exp\u00e9rience digitale se distingue par une combinaison rare \u00e0 atteindre : sophistication visuelle, narration apais\u00e9e et rigueur \u00e9ditoriale irr\u00e9prochable.<\/p>\n<p>D\u00e8s le premier scroll, on comprend qu\u2019il ne s\u2019agit pas d\u2019un portfolio classique. Ici, pas de surcharge visuelle, d\u2019effets superflus ou d\u2019animations gratuites. Tout le projet s\u2019articule autour d\u2019une id\u00e9e forte : traduire le concept de <em>quiet luxury<\/em> dans l\u2019univers digital. Le r\u00e9sultat : une exp\u00e9rience silencieuse, \u00e9l\u00e9gante et profond\u00e9ment immersive, qui s\u2019impose comme une r\u00e9f\u00e9rence pour tout studio de webdesign haut de gamme ou agence sp\u00e9cialis\u00e9e en branding digital contemporain.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47074-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>Le quiet luxury r\u00e9invent\u00e9 en exp\u00e9rience digitale<\/h3>\n<p>La philosophie de MERSI se r\u00e9sume \u00e0 \u201cquiet luxury interiors shaped by true stories\u201d, un fil conducteur qui guide chaque choix du site. Ici, le luxe ne s\u2019exprime ni par la d\u00e9mesure ni par la prouesse technologique, mais par une approche bien plus subtile : ma\u00eetrise absolue du rythme, pr\u00e9cision visuelle et sensibilit\u00e9 \u00e9ditoriale.<\/p>\n<p>L\u2019interface mise sur de vastes espaces blancs, une hi\u00e9rarchie typographique soign\u00e9e et un rythme visuel pos\u00e9 qui inspire la s\u00e9r\u00e9nit\u00e9 d\u00e8s l\u2019arriv\u00e9e. Chaque transition semble pens\u00e9e avec la pr\u00e9cision d\u2019un architecte. Aucun \u00e9l\u00e9ment superflu, aucune sollicitation agressive : tout respire l\u2019ordre, le silence et l\u2019\u00e9quilibre.<\/p>\n<p>Cette approche prend tout son sens dans le webdesign contemporain d\u00e9di\u00e9 aux marques premium, o\u00f9 l\u2019on comprend de plus en plus que le v\u00e9ritable luxe digital na\u00eet de la retenue, et non de l\u2019exc\u00e8s.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47074-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>Une navigation horizontale qui transforme le portfolio en parcours spatial<\/h3>\n<p>L\u2019un des choix les plus marquants du projet est d\u2019avoir opt\u00e9 pour une navigation horizontale sur les pages projet. Plut\u00f4t que le scroll vertical habituel, FLOT NOIR propose un syst\u00e8me lat\u00e9ral qui change radicalement la perception de l\u2019utilisateur.<\/p>\n<p>Les espaces ne se limitent plus \u00e0 une simple galerie d\u2019images, mais deviennent de v\u00e9ritables s\u00e9quences architecturales, soigneusement orchestr\u00e9es. L\u2019utilisateur ne \u201cconsomme\u201d pas les projets \u00e0 la vol\u00e9e : il les traverse.<\/p>\n<p>Chaque transition poss\u00e8de son propre tempo. Les images s\u2019inscrivent dans des compositions extr\u00eamement ma\u00eetris\u00e9es et le d\u00e9filement cr\u00e9e une sensation bien plus cin\u00e9matographique et \u00e9ditoriale que la plupart des portfolios d\u2019architecture actuels.<\/p>\n<p>Ce type de choix est particuli\u00e8rement pertinent pour les studios sp\u00e9cialis\u00e9s en webdesign pour l\u2019architecture et l\u2019int\u00e9rieur, car il d\u00e9montre comment la navigation peut devenir un outil narratif, et non simplement fonctionnel.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47074-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 sophistiqu\u00e9 et direction artistique d\u2019une grande pr\u00e9cision<\/h3>\n<p>Beaucoup de projets minimalistes finissent par devenir g\u00e9n\u00e9riques \u00e0 force de simplifier \u00e0 l\u2019extr\u00eame le langage visuel. Le site de MERSI \u00e9vite cet \u00e9cueil gr\u00e2ce \u00e0 une direction artistique d\u2019une coh\u00e9rence et d\u2019une solidit\u00e9 remarquables.<\/p>\n<p>L\u2019identit\u00e9 visuelle s\u2019appuie sur :<\/p>\n<ul>\n<li>Des typographies \u00e9ditoriales \u00e0 forte pr\u00e9sence.<\/li>\n<li>Des espaces vides finement \u00e9quilibr\u00e9s.<\/li>\n<li>Une palette de couleurs tr\u00e8s ma\u00eetris\u00e9e.<\/li>\n<li>Des hi\u00e9rarchies visuelles d\u2019une grande clart\u00e9.<\/li>\n<li>Des compositions inspir\u00e9es du design \u00e9ditorial contemporain.<\/li>\n<\/ul>\n<p>Rien n\u2019est laiss\u00e9 au hasard. M\u00eame les silences visuels sont porteurs de sens. Ce niveau de pr\u00e9cision distingue clairement les projets issus de studios premium des propositions plus g\u00e9n\u00e9riques ou surcharg\u00e9es.<\/p>\n<p>Le site r\u00e9ussit un pari rare : \u00eatre minimaliste sans jamais perdre en personnalit\u00e9.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47074-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>Un design \u00e9ditorial appliqu\u00e9 \u00e0 l\u2019UX\/UI<\/h3>\n<p>L\u2019un des points forts du projet r\u00e9side dans l\u2019adoption des codes du design \u00e9ditorial contemporain. L\u2019exp\u00e9rience \u00e9voque davantage un magazine d\u2019architecture ou une publication haut de gamme qu\u2019un site corporate traditionnel.<\/p>\n<p>Les textes respirent, les images s\u2019\u00e9panouissent et les compositions suivent une logique de mise en page \u00e9ditoriale. L\u2019utilisateur progresse dans le contenu \u00e0 un rythme lent, presque contemplatif, en parfaite ad\u00e9quation avec le positionnement sophistiqu\u00e9 de la marque.<\/p>\n<p>Cette approche \u00e9ditoriale prend une importance croissante dans le webdesign premium, car elle permet de cr\u00e9er des exp\u00e9riences bien plus \u00e9motionnelles et m\u00e9morables.<\/p>\n<p>Au lieu de pousser sans cesse \u00e0 la navigation rapide, le site ralentit l\u2019utilisateur et l\u2019invite \u00e0 observer. C\u2019est pr\u00e9cis\u00e9ment l\u00e0 que na\u00eet la sensation de luxe.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47074-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 silencieuse : une exp\u00e9rience pens\u00e9e pour transmettre la s\u00e9r\u00e9nit\u00e9<\/h3>\n<p>L\u2019exp\u00e9rience utilisateur est con\u00e7ue avec une logique d\u2019une grande coh\u00e9rence. Pas d\u2019interruptions inutiles, pas de menus envahissants ni d\u2019\u00e9l\u00e9ments qui brisent le flux visuel. Tout est pens\u00e9 pour r\u00e9duire le bruit et favoriser une navigation apais\u00e9e.<\/p>\n<p>Cela demande bien plus de travail qu\u2019il n\u2019y para\u00eet. Quand on retire le superflu, chaque d\u00e9tail compte : espacements, timings, vitesses de transition, rythme typographique et hi\u00e9rarchie visuelle doivent fonctionner avec une pr\u00e9cision absolue.<\/p>\n<p>Un exemple remarquable de la fa\u00e7on dont un studio sp\u00e9cialis\u00e9 en UX\/UI et en branding digital peut faire de la simplicit\u00e9 un v\u00e9ritable levier strat\u00e9gique, et pas seulement esth\u00e9tique.<\/p>\n<h3>Webflow et GSAP : une technologie invisible, parfaitement int\u00e9gr\u00e9e<\/h3>\n<p>Sur le plan technique, le projet associe <strong>Webflow<\/strong> \u00e0 des animations avanc\u00e9es d\u00e9velopp\u00e9es avec <strong>GSAP<\/strong>. Ce qui frappe, c\u2019est que la technologie ne prend jamais le dessus. Tout est mis au service de la fluidit\u00e9 et de la pr\u00e9cision.<\/p>\n<p>Les animations sont douces, parfaitement synchronis\u00e9es et d\u2019une grande retenue. L\u2019objectif n\u2019est pas l\u2019effet spectaculaire, mais la sophistication. Ce type de motion design \u00e9l\u00e9gant et discret s\u2019impose comme l\u2019une des grandes tendances du webdesign premium et des exp\u00e9riences digitales pour l\u2019architecture et le luxe contemporain.<\/p>\n<p>Le soin apport\u00e9 \u00e0 la performance est \u00e9galement remarquable. Malgr\u00e9 des images de grande taille et des transitions complexes, la navigation reste fluide et stable. Une d\u00e9monstration de la ma\u00eetrise de l\u2019\u00e9quilibre entre direction artistique, technologie et performance.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-47074-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>L\u2019importance du rythme dans le webdesign contemporain<\/h3>\n<p>L\u2019une des grandes le\u00e7ons de ce projet est l\u2019importance du rythme dans l\u2019exp\u00e9rience digitale. Beaucoup de sites actuels cherchent \u00e0 capter l\u2019attention par la vitesse, la stimulation permanente et la multiplication des mouvements.<\/p>\n<p>MERSI fait tout l\u2019inverse. Le site mise sur les pauses, les espaces vides et la lenteur pour instaurer une sensation de contr\u00f4le et de raffinement.<\/p>\n<p>Cette capacit\u00e9 \u00e0 moduler le rythme est pr\u00e9cis\u00e9ment ce qui rend l\u2019exp\u00e9rience m\u00e9morable. L\u2019utilisateur a le sentiment que le site poss\u00e8de une personnalit\u00e9 propre et que chaque transition accompagne l\u2019architecture du studio.<\/p>\n<p>Dans le webdesign premium actuel, le luxe ne s\u2019exprime plus par la saturation visuelle, mais par la clart\u00e9, la pr\u00e9cision et le silence.<\/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>Une identit\u00e9 digitale en parfaite harmonie avec l\u2019architecture du studio<\/h3>\n<p>Le plus grand m\u00e9rite du projet r\u00e9side sans doute dans sa coh\u00e9rence totale. Le site ne ressemble pas \u00e0 un outil marketing plaqu\u00e9 sur le studio ; il appara\u00eet comme le prolongement naturel de sa philosophie architecturale.<\/p>\n<p>Tout est li\u00e9 :<\/p>\n<ul>\n<li>La gestion de l\u2019espace.<\/li>\n<li>La composition visuelle.<\/li>\n<li>Le rythme pos\u00e9.<\/li>\n<li>La navigation horizontale.<\/li>\n<li>Le ton \u00e9ditorial.<\/li>\n<li>L\u2019absence de bruit visuel.<\/li>\n<\/ul>\n<p>Ce niveau de coh\u00e9rence fait de certains projets de v\u00e9ritables r\u00e9f\u00e9rences dans le webdesign contemporain et le branding digital pour les 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>Conclusion<\/h3>\n<p>Le site de MERSI Architecture prouve qu\u2019il est encore possible de cr\u00e9er des exp\u00e9riences digitales sophistiqu\u00e9es sans recourir \u00e0 la surench\u00e8re technologique ou \u00e0 l\u2019impact visuel imm\u00e9diat.<\/p>\n<p>Sa force r\u00e9side dans la pr\u00e9cision conceptuelle, la clart\u00e9 visuelle et la capacit\u00e9 \u00e0 traduire une philosophie architecturale en une exp\u00e9rience interactive coh\u00e9rente et m\u00e9morable.<\/p>\n<p>Pour tout designer, studio cr\u00e9atif ou agence sp\u00e9cialis\u00e9e en webdesign premium, branding digital ou UX\/UI \u00e9ditorial, ce projet constitue un excellent cas d\u2019\u00e9cole sur la construction d\u2019une identit\u00e9 digitale fond\u00e9e sur la sensibilit\u00e9, la retenue et le rythme.<\/p>\n<p>Dans un paysage domin\u00e9 par des interfaces toujours plus bruyantes, MERSI Architecture rel\u00e8ve un d\u00e9fi bien plus ambitieux : offrir une exp\u00e9rience silencieuse, capable de marquer durablement la m\u00e9moire de l\u2019utilisateur, bien apr\u00e8s avoir quitt\u00e9 le site.<\/p>\n<h3>Cr\u00e9dits du projet<\/h3>\n<p><strong>Projet :<\/strong> MERSI Architecture<br \/>\n<strong>Cr\u00e9ation :<\/strong> FLOT NOIR \u2014 Cl\u00e9ment Merouani &amp; Thomas Carr\u00e9<br \/>\n<strong>Client :<\/strong> MERSI Architecture<br \/>\n<strong>Distinction :<\/strong> Awwwards \u2014 Site of the Day<br \/>\n<strong>Technologies :<\/strong> Webflow + GSAP<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Le site de MERSI Architecture, con\u00e7u par le studio cr\u00e9atif FLOT NOIR, illustre parfaitement comment le webdesign peut devenir le prolongement naturel de l\u2019architecture, de l\u2019am\u00e9nagement int\u00e9rieur et de l\u2019identit\u00e9 de marque. R\u00e9compens\u00e9e par le titre de Site of the Day sur Awwwards, cette exp\u00e9rience digitale se distingue par une combinaison rare \u00e0 atteindre : [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":42535,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[493,495,497],"class_list":["post-47074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-a-la-une","category-conception-developpement-web","category-inspiration"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Site web de la semaine : MERSI Architecture par FLOT NOIR - CODE<\/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\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Site web de la semaine : MERSI Architecture par FLOT NOIR - CODE\" \/>\n<meta property=\"og:description\" content=\"Le site de MERSI Architecture, con\u00e7u par le studio cr\u00e9atif FLOT NOIR, illustre parfaitement comment le webdesign peut devenir le prolongement naturel de l\u2019architecture, de l\u2019am\u00e9nagement int\u00e9rieur et de l\u2019identit\u00e9 de marque. R\u00e9compens\u00e9e par le titre de Site of the Day sur Awwwards, cette exp\u00e9rience digitale se distingue par une combinaison rare \u00e0 atteindre : [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2026-05-07T07:12:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T10:27:26+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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-flot-noir\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-flot-noir\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Site web de la semaine : MERSI Architecture par FLOT NOIR\",\"datePublished\":\"2026-05-07T07:12:48+00:00\",\"dateModified\":\"2026-06-10T10:27:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-flot-noir\\\/\"},\"wordCount\":1560,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-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\":[\"\u00c0 la une\",\"Conception et d\u00e9veloppement web\",\"Inspiration\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-flot-noir\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-flot-noir\\\/\",\"name\":\"Site web de la semaine : MERSI Architecture par FLOT NOIR - CODE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-flot-noir\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-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-06-10T10:27:26+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-flot-noir\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/site-web-de-la-semaine-mersi-architecture-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\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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":"Site web de la semaine : MERSI Architecture par FLOT NOIR - CODE","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\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/","og_locale":"fr_FR","og_type":"article","og_title":"Site web de la semaine : MERSI Architecture par FLOT NOIR - CODE","og_description":"Le site de MERSI Architecture, con\u00e7u par le studio cr\u00e9atif FLOT NOIR, illustre parfaitement comment le webdesign peut devenir le prolongement naturel de l\u2019architecture, de l\u2019am\u00e9nagement int\u00e9rieur et de l\u2019identit\u00e9 de marque. R\u00e9compens\u00e9e par le titre de Site of the Day sur Awwwards, cette exp\u00e9rience digitale se distingue par une combinaison rare \u00e0 atteindre : [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/","og_site_name":"CODE","article_published_time":"2026-05-07T07:12:48+00:00","article_modified_time":"2026-06-10T10:27:26+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":{"Written by":"cd26Bc","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Site web de la semaine : MERSI Architecture par FLOT NOIR","datePublished":"2026-05-07T07:12:48+00:00","dateModified":"2026-06-10T10:27:26+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/"},"wordCount":1560,"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-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":["\u00c0 la une","Conception et d\u00e9veloppement web","Inspiration"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/","url":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/","name":"Site web de la semaine : MERSI Architecture par FLOT NOIR - CODE","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-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-06-10T10:27:26+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-flot-noir\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/codewebbarcelona.com\/fr\/site-web-de-la-semaine-mersi-architecture-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\/fr\/#website","url":"https:\/\/codewebbarcelona.com\/fr\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/posts\/47074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/comments?post=47074"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/47074\/revisions"}],"predecessor-version":[{"id":47085,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/47074\/revisions\/47085"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media\/42535"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media?parent=47074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/categories?post=47074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}