{"id":87665,"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-11T06:14:31","modified_gmt":"2026-06-11T06:14:31","slug":"webdesign-der-woche-mersi-architecture-flot-noir","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/","title":{"rendered":"Hervorgehobenes Webdesign der Woche: MERSI Architecture von FLOT NOIR"},"content":{"rendered":"<p>Die Website von <strong>MERSI Architecture<\/strong>, entwickelt vom Kreativstudio <strong>FLOT NOIR<\/strong>, ist ein Paradebeispiel daf\u00fcr, wie Webdesign zur nat\u00fcrlichen Verl\u00e4ngerung von Architektur, Interior Design und Markenidentit\u00e4t werden kann. Als <strong>Site of the Day bei Awwwards<\/strong> ausgezeichnet, \u00fcberzeugt dieses digitale Erlebnis durch eine seltene Kombination: visuelle Raffinesse, erz\u00e4hlerische Ruhe und makellose editoriale Pr\u00e4zision.<\/p>\n<p>Schon beim ersten Scroll wird klar: Hier handelt es sich nicht um ein klassisches Portfolio. Es gibt keine visuelle \u00dcberladung, keine \u00fcbertriebenen Effekte oder beliebigen Animationen. Das gesamte Projekt folgt einer klaren Leitidee: Das Konzept von <em>quiet luxury<\/em> ins Digitale zu \u00fcbersetzen. Das Ergebnis ist eine stille, elegante und zutiefst immersive Erfahrung \u2013 ein neuer Ma\u00dfstab f\u00fcr jedes Premium-Webdesignstudio oder jede Agentur, die sich auf zeitgem\u00e4\u00dfes digitales Branding spezialisiert hat.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87665-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 als digitales Erlebnis<\/h3>\n<p>Die Philosophie von MERSI lautet: \u201equiet luxury interiors shaped by true stories\u201c \u2013 und genau diese Haltung pr\u00e4gt jede Entscheidung auf der Website. Luxus wird hier nicht durch Spektakel oder technische \u00dcberlegenheit kommuniziert, sondern durch etwas viel Subtileres: absolute Kontrolle \u00fcber das Tempo, visuelle Pr\u00e4zision und editoriale Sensibilit\u00e4t.<\/p>\n<p>Die Benutzeroberfl\u00e4che setzt auf gro\u00dfz\u00fcgige Wei\u00dfr\u00e4ume, sorgf\u00e4ltig abgestimmte Typografie-Hierarchien und ein ruhiges, entschleunigtes visuelles Tempo, das von Anfang an Gelassenheit vermittelt. Jede \u00dcbergang wirkt architektonisch pr\u00e4zise inszeniert. Es gibt keine \u00fcberfl\u00fcssigen Elemente oder aufdringliche Calls-to-Action \u2013 alles atmet Ordnung, Stille und Ausgewogenheit.<\/p>\n<p>Gerade im zeitgen\u00f6ssischen Webdesign f\u00fcr Premiummarken ist dieser Ansatz hochrelevant: Immer mehr Kreativstudios erkennen, dass wahrer digitaler Luxus nicht aus \u00dcberfluss, sondern aus Zur\u00fcckhaltung entsteht.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87665-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>Horizontale Navigation: Das Portfolio als r\u00e4umliche Inszenierung<\/h3>\n<p>Ein besonders spannendes Element ist die horizontale Navigation auf den Projektseiten. Statt des \u00fcblichen vertikalen Scrolls setzt FLOT NOIR auf ein seitliches Navigationskonzept, das die Wahrnehmung des Nutzers grundlegend ver\u00e4ndert.<\/p>\n<p>Die R\u00e4ume wirken nicht mehr wie eine einfache Bildergalerie, sondern wie architektonisch inszenierte Sequenzen. Projekte werden nicht \u201edurchgeklickt\u201c, sondern durchschritten.<\/p>\n<p>Jeder \u00dcbergang folgt einem eigenen Rhythmus. Bilder erscheinen in streng komponierten Layouts, und die Bewegung erzeugt eine fast filmische, redaktionelle Atmosph\u00e4re \u2013 weit entfernt von den meisten klassischen Architektur-Portfolios.<\/p>\n<p>Gerade f\u00fcr Agenturen, die sich auf Webdesign f\u00fcr Architektur und Interior Design spezialisieren, zeigen solche Entscheidungen, wie Navigation zum erz\u00e4hlerischen Werkzeug werden kann \u2013 und nicht nur zur reinen Funktion.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87665-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 und pr\u00e4zise Art Direction<\/h3>\n<p>Viele minimalistische Projekte wirken am Ende austauschbar, weil sie das visuelle Vokabular zu stark reduzieren. Die Website von MERSI umgeht dieses Problem durch eine konsequente, starke Art Direction.<\/p>\n<p>Die visuelle Identit\u00e4t basiert auf:<\/p>\n<ul>\n<li>Markanten, redaktionellen Schriftarten<\/li>\n<li>Sorgf\u00e4ltig ausbalancierten Leerfl\u00e4chen<\/li>\n<li>Sehr zur\u00fcckhaltendem Farbeinsatz<\/li>\n<li>Glasklaren visuellen Hierarchien<\/li>\n<li>Kompositionen, die an zeitgen\u00f6ssisches Editorial Design erinnern<\/li>\n<\/ul>\n<p>Nichts wirkt zuf\u00e4llig. Selbst visuelle Pausen sind bewusst gesetzt. Genau diese Pr\u00e4zision unterscheidet Premium-Webdesign von generischen oder \u00fcberladenen L\u00f6sungen.<\/p>\n<p>Die Website schafft das Kunstst\u00fcck, minimalistisch zu sein, ohne an Charakter zu verlieren.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87665-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 trifft UX\/UI<\/h3>\n<p>Ein zentrales Highlight des Projekts ist die konsequente \u00dcbernahme von Codes aus dem zeitgen\u00f6ssischen Editorial Design. Das Erlebnis erinnert eher an ein hochwertiges Architekturmagazin oder ein Luxus-Interior-Publikation als an eine klassische Unternehmenswebsite.<\/p>\n<p>Texte bekommen Raum, Bilder entfalten ihre Wirkung, und die Layouts folgen der Logik eines Editorials. Der Nutzer bewegt sich langsam, fast kontemplativ durch die Inhalte \u2013 perfekt abgestimmt auf das anspruchsvolle Markenimage.<\/p>\n<p>Gerade f\u00fcr Premiummarken im Webdesign wird dieser redaktionelle Ansatz immer wichtiger, weil er emotionale und nachhaltige Erlebnisse schafft.<\/p>\n<p>Statt die Navigation zu beschleunigen, entschleunigt die Seite und l\u00e4dt zum Verweilen ein. Genau hier entsteht das Gef\u00fchl von Luxus.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87665-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: Ein Erlebnis, das Ruhe vermittelt<\/h3>\n<p>Die User Experience folgt einer durchgehend logischen, ruhigen Linie. Es gibt keine unn\u00f6tigen Unterbrechungen, keine aufdringlichen Men\u00fcs oder Elemente, die den visuellen Fluss st\u00f6ren. Alles ist darauf ausgelegt, L\u00e4rm zu reduzieren und eine entspannte Navigation zu erm\u00f6glichen.<\/p>\n<p>Das erfordert weit mehr Aufwand, als es auf den ersten Blick scheint. Wenn \u00dcberfl\u00fcssiges wegf\u00e4llt, z\u00e4hlt jedes Detail: Abst\u00e4nde, Timings, \u00dcbergangsgeschwindigkeiten, typografischer Rhythmus und visuelle Hierarchie m\u00fcssen perfekt zusammenspielen.<\/p>\n<p>Ein hervorragendes Beispiel daf\u00fcr, wie spezialisierte UX\/UI- und Digital-Branding-Studios Einfachheit als strategisches Werkzeug nutzen \u2013 nicht nur als Stilmittel.<\/p>\n<h3>Webflow und GSAP: Unsichtbare, perfekt integrierte Technologie<\/h3>\n<p>Technisch setzt das Projekt auf <strong>Webflow<\/strong> in Kombination mit fortschrittlichen Animationen via <strong>GSAP<\/strong>. Bemerkenswert ist, dass die Technologie nie in den Vordergrund tritt. Alles dient dem Gef\u00fchl von Leichtigkeit und Pr\u00e4zision.<\/p>\n<p>Die Animationen sind sanft, perfekt abgestimmt und \u00e4u\u00dferst dezent. Es geht nicht um Effekthascherei, sondern um Eleganz. Solch zur\u00fcckhaltendes, elegantes Motion Design pr\u00e4gt zunehmend das Premium-Webdesign und digitale Erlebnisse f\u00fcr Architektur und zeitgen\u00f6ssischen Luxus.<\/p>\n<p>Auch die Performance ist vorbildlich: Trotz gro\u00dfer Bilder und komplexer \u00dcberg\u00e4nge bleibt die Navigation leicht und stabil. Das zeigt ein tiefes Verst\u00e4ndnis f\u00fcr das Gleichgewicht zwischen Art Direction, Technologie und Performance.<\/p>\n<div style=\"width: 1600px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-87665-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>Die Bedeutung des Rhythmus im modernen Webdesign<\/h3>\n<p>Eine der wichtigsten Erkenntnisse dieses Projekts ist die Rolle des Rhythmus in digitalen Erlebnissen. Viele Websites versuchen heute, Aufmerksamkeit durch st\u00e4ndige Geschwindigkeit, permanente Reize und \u00fcberm\u00e4\u00dfige Bewegung zu gewinnen.<\/p>\n<p>MERSI geht den entgegengesetzten Weg: Pausen, Leerfl\u00e4chen und langsame Bewegungen schaffen ein Gef\u00fchl von Kontrolle und Raffinesse.<\/p>\n<p>Gerade diese F\u00e4higkeit, den Rhythmus zu steuern, macht das Erlebnis so einpr\u00e4gsam. Die Website wirkt eigenst\u00e4ndig, jede Transition ist auf die Architektur des Studios abgestimmt.<\/p>\n<p>Im heutigen Premium-Webdesign wird Luxus nicht mehr durch visuelle \u00dcberladung ausgedr\u00fcckt, sondern durch Klarheit, Pr\u00e4zision und Stille.<\/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>Eine digitale Identit\u00e4t im Einklang mit der Architektur des Studios<\/h3>\n<p>Das gr\u00f6\u00dfte Verdienst dieses Projekts ist wohl seine kompromisslose Koh\u00e4renz. Die Website wirkt nicht wie ein aufgesetztes Marketing-Tool, sondern wie eine nat\u00fcrliche Erweiterung der architektonischen Philosophie des Studios.<\/p>\n<p>Alles greift ineinander:<\/p>\n<ul>\n<li>Der Umgang mit Raum<\/li>\n<li>Die visuelle Komposition<\/li>\n<li>Das entschleunigte Tempo<\/li>\n<li>Die horizontale Navigation<\/li>\n<li>Der redaktionelle Ton<\/li>\n<li>Die Abwesenheit visuellen L\u00e4rms<\/li>\n<\/ul>\n<p>Genau dieses Ma\u00df an Konsistenz macht bestimmte Projekte zu echten Referenzen im zeitgen\u00f6ssischen Webdesign und digitalen Branding f\u00fcr Premiummarken.<\/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>Fazit<\/h3>\n<p>Die Website von MERSI Architecture beweist, dass sich auch heute noch anspruchsvolle digitale Erlebnisse schaffen lassen \u2013 ganz ohne technologischen Overkill oder sofortigen visuellen Effekt.<\/p>\n<p>Ihre St\u00e4rke liegt in konzeptioneller Pr\u00e4zision, visueller Klarheit und der F\u00e4higkeit, eine architektonische Philosophie in ein konsistentes, erinnerungsw\u00fcrdiges Interaktionserlebnis zu \u00fcbersetzen.<\/p>\n<p>F\u00fcr Designer, Kreativstudios oder Agenturen, die sich auf Premium-Webdesign, digitales Branding oder redaktionelles UX\/UI spezialisieren, ist dieses Projekt ein exzellentes Beispiel daf\u00fcr, wie man digitale Identit\u00e4t aus Sensibilit\u00e4t, Zur\u00fcckhaltung und Rhythmus heraus entwickelt.<\/p>\n<p>In einer Welt voller lauter Interfaces gelingt MERSI Architecture das viel Schwierigere: Eine stille Erfahrung zu schaffen, die im Ged\u00e4chtnis bleibt \u2013 lange nachdem die Website verlassen wurde.<\/p>\n<h3>Projektcredits<\/h3>\n<p><strong>Projekt:<\/strong> MERSI Architecture<br \/>\n<strong>Konzept &#038; Umsetzung:<\/strong> FLOT NOIR \u2014 Cl\u00e9ment Merouani &amp; Thomas Carr\u00e9<br \/>\n<strong>Kunde:<\/strong> MERSI Architecture<br \/>\n<strong>Auszeichnung:<\/strong> Awwwards \u2014 Site of the Day<br \/>\n<strong>Technologien:<\/strong> Webflow + GSAP<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Website von MERSI Architecture, entwickelt vom Kreativstudio FLOT NOIR, ist ein Paradebeispiel daf\u00fcr, wie Webdesign zur nat\u00fcrlichen Verl\u00e4ngerung von Architektur, Interior Design und Markenidentit\u00e4t werden kann. Als Site of the Day bei Awwwards ausgezeichnet, \u00fcberzeugt dieses digitale Erlebnis durch eine seltene Kombination: visuelle Raffinesse, erz\u00e4hlerische Ruhe und makellose editoriale Pr\u00e4zision. Schon beim ersten Scroll [&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":[686,648,658],"class_list":["post-87665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-empfohlen","category-webdesign-webentwicklung"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hervorgehobenes Webdesign der Woche: MERSI Architecture von 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\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hervorgehobenes Webdesign der Woche: MERSI Architecture von FLOT NOIR - CODE\" \/>\n<meta property=\"og:description\" content=\"Die Website von MERSI Architecture, entwickelt vom Kreativstudio FLOT NOIR, ist ein Paradebeispiel daf\u00fcr, wie Webdesign zur nat\u00fcrlichen Verl\u00e4ngerung von Architektur, Interior Design und Markenidentit\u00e4t werden kann. Als Site of the Day bei Awwwards ausgezeichnet, \u00fcberzeugt dieses digitale Erlebnis durch eine seltene Kombination: visuelle Raffinesse, erz\u00e4hlerische Ruhe und makellose editoriale Pr\u00e4zision. Schon beim ersten Scroll [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-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-11T06:14:31+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\\\/de\\\/webdesign-der-woche-mersi-architecture-flot-noir\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-mersi-architecture-flot-noir\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Hervorgehobenes Webdesign der Woche: MERSI Architecture von FLOT NOIR\",\"datePublished\":\"2026-05-07T07:12:48+00:00\",\"dateModified\":\"2026-06-11T06:14:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-mersi-architecture-flot-noir\\\/\"},\"wordCount\":1224,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-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\":[\"Inspiration\",\"Empfohlen\",\"Webdesign und -entwicklung\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-mersi-architecture-flot-noir\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-mersi-architecture-flot-noir\\\/\",\"name\":\"Hervorgehobenes Webdesign der Woche: MERSI Architecture von FLOT NOIR - CODE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-mersi-architecture-flot-noir\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-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-11T06:14:31+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-mersi-architecture-flot-noir\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/webdesign-der-woche-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\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/de\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@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":"Hervorgehobenes Webdesign der Woche: MERSI Architecture von 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\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/","og_locale":"de_DE","og_type":"article","og_title":"Hervorgehobenes Webdesign der Woche: MERSI Architecture von FLOT NOIR - CODE","og_description":"Die Website von MERSI Architecture, entwickelt vom Kreativstudio FLOT NOIR, ist ein Paradebeispiel daf\u00fcr, wie Webdesign zur nat\u00fcrlichen Verl\u00e4ngerung von Architektur, Interior Design und Markenidentit\u00e4t werden kann. Als Site of the Day bei Awwwards ausgezeichnet, \u00fcberzeugt dieses digitale Erlebnis durch eine seltene Kombination: visuelle Raffinesse, erz\u00e4hlerische Ruhe und makellose editoriale Pr\u00e4zision. Schon beim ersten Scroll [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/","og_site_name":"CODE","article_published_time":"2026-05-07T07:12:48+00:00","article_modified_time":"2026-06-11T06:14:31+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\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Hervorgehobenes Webdesign der Woche: MERSI Architecture von FLOT NOIR","datePublished":"2026-05-07T07:12:48+00:00","dateModified":"2026-06-11T06:14:31+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/"},"wordCount":1224,"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-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":["Inspiration","Empfohlen","Webdesign und -entwicklung"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/","url":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/","name":"Hervorgehobenes Webdesign der Woche: MERSI Architecture von FLOT NOIR - CODE","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-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-11T06:14:31+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-mersi-architecture-flot-noir\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/codewebbarcelona.com\/de\/webdesign-der-woche-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\/de\/#website","url":"https:\/\/codewebbarcelona.com\/de\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/de\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"de-DE","@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\/de\/wp-json\/wp\/v2\/posts\/87665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/comments?post=87665"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/87665\/revisions"}],"predecessor-version":[{"id":87676,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/posts\/87665\/revisions\/87676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media\/42535"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/media?parent=87665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/de\/wp-json\/wp\/v2\/categories?post=87665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}