{"id":42539,"date":"2026-05-07T07:12:48","date_gmt":"2026-05-07T07:12:48","guid":{"rendered":"https:\/\/codewebbarcelona.com\/?p=42539"},"modified":"2026-05-07T07:28:04","modified_gmt":"2026-05-07T07:28:04","slug":"featured-website-of-the-week-mersi-architecture-by-flot-noir","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/","title":{"rendered":"Featured Website of the Week: MERSI Architecture by FLOT NOIR"},"content":{"rendered":"<p>The website of <strong>MERSI Architecture<\/strong>, developed by the creative studio <strong>FLOT NOIR<\/strong>, is one of those projects that shows how web design can become a natural extension of architecture, interior design and brand identity. Recognised as <strong>Site of the Day at Awwwards<\/strong>, this digital experience stands out for an extremely difficult combination to achieve: visual sophistication, narrative calm and impeccable editorial precision.<\/p>\n<p>From the very first scroll, it is clear that this is not a traditional portfolio. There is no visual overload, excessive effects or unnecessary animation. The whole project is built around a very specific idea: translating the concept of <em>quiet luxury<\/em> into digital language. The result is a silent, elegant and deeply immersive experience that becomes a clear reference for any premium web design studio or agency specialising in contemporary digital branding.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42539-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 turned into a digital experience<\/h3>\n<p>MERSI\u2019s philosophy is defined as \u201cquiet luxury interiors shaped by true stories\u201d, and that idea runs through absolutely every decision on the site. Luxury here is not communicated through spectacle or technological excess, but through something much more sophisticated: absolute control of rhythm, visual precision and editorial sensitivity.<\/p>\n<p>The interface uses very generous negative space, extremely careful typographic hierarchies and a slow visual rhythm that conveys calm from the very beginning. Every transition feels measured with architectural precision. There are no unnecessary elements or aggressive calls for attention; everything breathes order, silence and balance.<\/p>\n<p>This approach is especially relevant within contemporary web design for premium brands, where more and more creative studios understand that true digital luxury does not come from excess, but from restraint.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42539-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>A horizontal navigation that turns the portfolio into a spatial journey<\/h3>\n<p>One of the most interesting elements of the project is the decision to use horizontal navigation within the project pages. Instead of traditional vertical scrolling, FLOT NOIR introduces a lateral system that completely changes the user\u2019s perception.<\/p>\n<p>The spaces stop feeling like a simple image gallery and become carefully directed architectural sequences. The user does not \u201cconsume\u201d projects quickly; they move through them.<\/p>\n<p>Each transition has a specific tempo. The images appear within extremely controlled compositions, and the movement creates a much more cinematic and editorial feeling than most current architecture portfolios.<\/p>\n<p>These kinds of decisions are especially interesting for studios specialising in web design for architecture and interior design, as they show how navigation can become a narrative tool, not just a functional one.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42539-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>Sophisticated minimalism and extremely precise art direction<\/h3>\n<p>Many minimalist projects end up feeling generic because they reduce the visual language too much. MERSI\u2019s website completely avoids that problem thanks to extremely solid and coherent art direction.<\/p>\n<p>The visual identity is built through:<\/p>\n<ul>\n<li>Editorial typefaces with strong presence.<\/li>\n<li>Carefully balanced empty spaces.<\/li>\n<li>A highly restrained use of colour.<\/li>\n<li>Extremely clear visual hierarchies.<\/li>\n<li>Compositions that recall contemporary editorial design.<\/li>\n<\/ul>\n<p>Nothing feels improvised. Even the visual silences have intention. This level of precision is precisely what differentiates projects developed by premium web design studios from more generic or overloaded proposals.<\/p>\n<p>The website achieves something especially difficult: being minimalist without losing personality.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42539-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>Editorial design applied to UX\/UI<\/h3>\n<p>One of the strongest aspects of the project is how it adopts codes from contemporary editorial design. The experience feels much closer to an architecture magazine or a luxury interiors publication than to a traditional corporate website.<\/p>\n<p>The texts breathe, the images have space and the compositions are built with an editorial layout logic. The user moves through the content slowly, almost contemplatively, which fits perfectly with the brand\u2019s sophisticated positioning.<\/p>\n<p>This editorial approach is increasingly relevant within web design for premium brands because it allows for much more emotional and memorable experiences.<\/p>\n<p>Instead of constantly accelerating navigation, the site slows the user down and invites them to observe. And that is precisely where the feeling of luxury appears.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42539-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>Silent UX: an experience designed to convey calm<\/h3>\n<p>The user experience is designed with an extremely coherent logic. There are no unnecessary interruptions, invasive menus or elements that break the visual flow. The whole system seems designed to reduce noise and encourage a much calmer navigation.<\/p>\n<p>This requires much more work than it appears. When superfluous elements are removed, every detail becomes more important: spacing, timings, transition speeds, typographic rhythm and visual hierarchy must work with absolute precision.<\/p>\n<p>It is an excellent example of how a studio specialised in UX\/UI and digital branding can use simplicity as a strategic tool, not just an aesthetic one.<\/p>\n<h3>Webflow and GSAP: invisible technology, perfectly integrated<\/h3>\n<p>On a technical level, the project combines <strong>Webflow<\/strong> with advanced animations developed using <strong>GSAP<\/strong>. What is interesting is that the technology never becomes the visible protagonist. Everything serves the feeling of fluidity and precision.<\/p>\n<p>The animations are smooth, perfectly synchronised and extremely restrained. They do not seek spectacle, but sophistication. This kind of elegant and silent motion design is becoming one of the major trends within premium web design and digital experiences for architecture and contemporary luxury.<\/p>\n<p>Performance is also especially well handled. Despite working with large images and complex transitions, navigation remains light and stable. This shows a deep understanding of how to balance art direction, technology and performance.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-42539-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>The importance of rhythm in contemporary web design<\/h3>\n<p>One of the great lessons this project offers is the importance of rhythm within the digital experience. Many current websites try to capture attention through constant speed, permanent stimuli and excessive movement.<\/p>\n<p>MERSI does exactly the opposite. It uses pauses, empty spaces and slow movements to build a feeling of control and sophistication.<\/p>\n<p>This ability to modulate rhythm is precisely what makes the experience memorable. The user feels that the website has its own personality and that every transition is designed to accompany the studio\u2019s architecture.<\/p>\n<p>In today\u2019s premium web design, luxury is no longer expressed through visual saturation; it is expressed through clarity, precision and 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>A digital identity fully aligned with the studio\u2019s architecture<\/h3>\n<p>Probably the greatest merit of the project is its absolute coherence. The website does not feel like a marketing tool added on top of the studio; it feels like a natural extension of its architectural philosophy.<\/p>\n<p>Everything connects:<\/p>\n<ul>\n<li>The way space is used.<\/li>\n<li>The visual composition.<\/li>\n<li>The slow rhythm.<\/li>\n<li>The horizontal navigation.<\/li>\n<li>The editorial tone.<\/li>\n<li>The absence of visual noise.<\/li>\n<\/ul>\n<p>This level of coherence is precisely what turns certain projects into real references within contemporary web design and digital branding for premium brands.<\/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>The MERSI Architecture website demonstrates that it is still possible to build sophisticated digital experiences without relying on technological excess or immediate visual impact.<\/p>\n<p>Its strength lies in conceptual precision, visual clarity and the ability to transform an architectural philosophy into a coherent and memorable interactive experience.<\/p>\n<p>For any designer, creative studio or agency specialised in premium web design, digital branding or editorial UX\/UI, this project works as an excellent case study on how to build digital identity through sensitivity, restraint and rhythm.<\/p>\n<p>In a landscape dominated by increasingly noisy interfaces, MERSI Architecture achieves something much more difficult: creating a silent experience capable of staying in the user\u2019s memory long after leaving the website.<\/p>\n<h3>Project credits<\/h3>\n<p><strong>Project:<\/strong> MERSI Architecture<br \/>\n<strong>Creator:<\/strong> FLOT NOIR \u2014 Cl\u00e9ment Merouani &amp; Thomas Carr\u00e9<br \/>\n<strong>Client:<\/strong> MERSI Architecture<br \/>\n<strong>Recognition:<\/strong> Awwwards \u2014 Site of the Day<br \/>\n<strong>Technologies:<\/strong> Webflow + GSAP<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The website of MERSI Architecture, developed by the creative studio FLOT NOIR, is one of those projects that shows how web design can become a natural extension of architecture, interior design and brand identity. Recognised as Site of the Day at Awwwards, this digital experience stands out for an extremely difficult combination to achieve: visual [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":42537,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[139,136,137],"class_list":["post-42539","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-featured","category-web-design-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Featured Website of the Week: 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\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Featured Website of the Week: MERSI Architecture by FLOT NOIR - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"The website of MERSI Architecture, developed by the creative studio FLOT NOIR, is one of those projects that shows how web design can become a natural extension of architecture, interior design and brand identity. Recognised as Site of the Day at Awwwards, this digital experience stands out for an extremely difficult combination to achieve: visual [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-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:28:04+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=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Featured Website of the Week: MERSI Architecture by FLOT NOIR\",\"datePublished\":\"2026-05-07T07:12:48+00:00\",\"dateModified\":\"2026-05-07T07:28:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/\"},\"wordCount\":1297,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-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\":[\"Inspiration\",\"Featured\",\"Web Design &amp; Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/\",\"name\":\"Featured Website of the Week: MERSI Architecture by FLOT NOIR - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-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:28:04+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-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\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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":"Featured Website of the Week: 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\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/","og_locale":"en_US","og_type":"article","og_title":"Featured Website of the Week: MERSI Architecture by FLOT NOIR - Code Barcelona","og_description":"The website of MERSI Architecture, developed by the creative studio FLOT NOIR, is one of those projects that shows how web design can become a natural extension of architecture, interior design and brand identity. Recognised as Site of the Day at Awwwards, this digital experience stands out for an extremely difficult combination to achieve: visual [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-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:28:04+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":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Featured Website of the Week: MERSI Architecture by FLOT NOIR","datePublished":"2026-05-07T07:12:48+00:00","dateModified":"2026-05-07T07:28:04+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/"},"wordCount":1297,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-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":["Inspiration","Featured","Web Design &amp; Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/","url":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/","name":"Featured Website of the Week: MERSI Architecture by FLOT NOIR - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-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:28:04+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-mersi-architecture-by-flot-noir\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/featured-website-of-the-week-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\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/posts\/42539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=42539"}],"version-history":[{"count":1,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/42539\/revisions"}],"predecessor-version":[{"id":42540,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/42539\/revisions\/42540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/42537"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=42539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=42539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}