{"id":4427389,"date":"2026-05-11T12:15:44","date_gmt":"2026-05-11T10:15:44","guid":{"rendered":"https:\/\/www.deptagency.com\/?post_type=case&#038;p=4427389"},"modified":"2026-05-12T18:02:43","modified_gmt":"2026-05-12T16:02:43","slug":"scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe","status":"publish","type":"case","link":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/","title":{"rendered":"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe"},"content":{"rendered":"<div class=\"block-case-intro-title\">\n\t<p\tclass=\"text text-sans-128 block-case-intro-title__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Coop<\/p><p\tclass=\"text text-sans-48 block-case-intro-title__text\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe<\/p><\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770909050-coop_bosw_keyvisual.jpg.avif\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div class=\"block-case-intro js-block-case-intro\">\n\t\t\t<div class=\"block-case-intro__category-container\">\n\t\t\t<p\n\t\t\t\tclass=\"block-case-intro__category-header text-sans-16\"\n\t\t\t\tdata-animation=\"slide-fade\"\n\t\t\t\tdata-animation-delay=\"0.25\"\n\t\t\t>\n\t\t\t\t(&nbsp;&nbsp;Services&nbsp;&nbsp;)\n\t\t\t<\/p>\n\n\t\t\t<ul\n\t\t\t\tclass=\"block-case-intro__category-list text-sans-14 js-block-case-intro-category-list\"\n\t\t\t\tdata-animation=\"slide-fade\"\n\t\t\t\tdata-animation-target=\"inner-items\"\n\t\t\t\tdata-animation-delay=\"0.5\"\n\t\t\t\tdata-animation-stagger=\"0.1\"\n\t\t\t>\n\t\t\t\t\t\t\t\t\t<li class=\"block-case-intro__category-item\">\n\t\t\t\t\t\tCustomer Experience\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\n\t<p\tclass=\"text text-sans-48 block-case-intro__title js-block-case-intro-title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" data-animation-stagger=\"0.005\" >Wie verwaltet man \u00fcber 100 Websites f\u00fcr 70 unterschiedliche Marken, ohne im Wartungschaos zu versinken?<\/p><p\tclass=\"text text-sans-24 block-case-intro__text js-block-case-intro-text\"\n\tdata-animation=\"slideFade\" data-animation-target=\"paragraphs\" data-animation-delay=\"0.1\" >Wir haben zusammen mit der Coop Gruppe die Antwort gefunden: Ein radikal automatisiertes, tokenbasiertes Multibrand Design System auf Basis von Adobe Experience Manager (AEM) Core Components. Durch die Synchronisation statt Implementierung von Design-Entscheidungen wurde die Br\u00fccke zwischen Figma und Code geschlossen.<br><br>Das Ergebnis ist eine drastische Reduktion des Entwicklungsaufwands, eine fehlerfreie Skalierung und eine Time-to-Market, die im Schweizer Retail-Umfeld neue Massst\u00e4be setzt.<\/p><\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"copy-only\"\n\tdata-content-align=\"start\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Ausgangslage:\u00a0<br>Das Ende der manuellen Skalierbarkeit<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Die Coop Gruppe betreibt eine beeindruckende digitale Vielfalt: \u00dcber 100 Websites f\u00fcr mehr als 70 Marken auf Basis des AEM. Historisch gewachsen, wurde jede Website oft individuell umgesetzt.<\/p>\n<ul\n\tclass=\"list text-sans-24 block-list__list\"\n\t>\n\t<li><strong>Das Problem<\/strong>: Jede neue Kampagne oder Design\u00e4nderung l\u00f6ste einen Kaskadeneffekt aus: separate Entwicklung, manuelle Abstimmungen zwischen Design und IT sowie die wiederkehrende Neuerfindung von Basis-Komponenten.<\/li><li><strong>Die Folge:<\/strong>\u00a0Der Wartungsaufwand stieg exponentiell an, w\u00e4hrend die Konsistenz \u00fcber die Marken hinweg litt. Ein System, das die Produktivit\u00e4t eher hemmte als f\u00f6rderte.<\/li><\/ul>\n<\/div>\n\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"copy-only\"\n\tdata-content-align=\"start\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Projektziele:\u00a0<br>Effizienz durch Standardisierung<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Das Ziel war die Schaffung eines Systems, das nicht nur gut aussieht, sondern als Produktivit\u00e4ts-Motor fungiert.<\/p>\n<ul\n\tclass=\"list text-sans-24 block-list__list\"\n\t>\n\t<li><strong>Single Source of Truth<\/strong>: Ein zentral gef\u00fchrtes Design System, das so konzipiert ist, dass es f\u00fcr alle Brands der Coop Gruppe skaliert werden kann.<\/li><li><strong>Reduktion des Entwicklungsaufwands<\/strong>: Minimierung des Entwicklungsaufwands pro Brand-Website.<\/li><li><strong>Time-to-Market<\/strong>: Signifikante Beschleunigung von der Designidee bis zum Live-Gang.<\/li><li><strong>Team-Entlastung<\/strong>: Befreiung der CMS- und Entwicklungsteams von repetitiven Aufgaben.<\/li><li><strong>H\u00f6chste Qualit\u00e4t<\/strong>: Eliminierung von Fehlerquellen durch systemische Vorgaben.<\/li><\/ul>\n<\/div>\n\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"copy-only\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Die L\u00f6sung:\u00a0<br>Ein vollautomatisches \u00d6kosystem<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Das Design System wurde auf der Basis der Core Components aufgebaut und versteht Design-Entscheidungen als strukturierte Daten (Design Tokens). Dieses Setup erlaubt erst die volle Automation des Prozesses, um Design direkt und ohne manuelle Zwischenarbeit in produktiven Code zu \u00fcbersetzen.<\/p>\n<ul\n\tclass=\"list text-sans-24 block-list__list\"\n\t>\n\t<li><strong>Multibrand Design System in Figma<\/strong>: Figma dient als f\u00fchrendes System. Eine Whitelabel L\u00f6sung gibt die Struktur des Design Systems vor. Auf diese White-Label L\u00f6sung werden die Brand Guidelines pro Brand angewendet. Design Entscheidungen werden anhand von realen Komponenten gef\u00e4llt, welche im AEM Umfeld zur Verf\u00fcgung stehen.<\/li><li><strong>AEM Core Components<\/strong>: Die L\u00f6sung setzt konsequent auf den Standard von Adobe auf, was maximale Zukunftssicherheit garantiert.<\/li><li><strong>Automation-Pipeline<\/strong>: CSS-Generierung und AEM-Projekt-Setups erfolgen automatisiert. Designer arbeiten mit realen Komponenten; Entwickler m\u00fcssen Designs nicht mehr \u201enachbauen\u201c, sondern synchronisieren sie per Knopfdruck.<\/li><\/ul>\n<\/div>\n\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770901615-coop-losung.png.avif\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy has-less-t-space\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Zentrales Theming \u00fcber das Design System: Design Tokens werden aus Figma \u00fcber eine Token Bridge in CSS-Variablen \u00fcbersetzt und im AEM Page Builder f\u00fcr die individuellen Marken-Websites ausgespielt.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770901644-coop-core-components.png.avif\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy has-less-t-space\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Die Komponenten wurden in Figma am zugrunde liegenden HTML-Markup aufgebaut, um die Page-Builder-Funktionalit\u00e4t zu gew\u00e4hrleisten.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770901659-coop-token-basiert.png-2.avif\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/Coop-Case-Study-Button-Label-2.avif\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy has-less-t-space\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Komponenten werden vollst\u00e4ndig \u00fcber Design Tokens definiert. Von Typografie und Abst\u00e4nden bis zu Farben, Rahmen und Icons \u2013 und bilden die Grundlage f\u00fcr konsistentes, skalierbares Theming.<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"youtube\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"MxByFf3S-Qk\"\n\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy has-less-t-space\"\n\tdata-variant=\"copy-only\"\n\tdata-content-align=\"center\"\n>\n\t<div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Multibrand-Theming: Verschiedene Marken k\u00f6nnen angelegt und ihre Design Tokens individuell angepasst werden. Das fertige Brand-Theme wird anschliessend per Knopfdruck an die AEM-Umgebung \u00fcbertragen.<\/p><\/div>\n\t\n\t<\/div>\n\n<div class=\"block-stats-and-copy is-text-left\">\n\t\n\t\n\t\n\t<ul\n\t\tclass=\"block-stats-and-copy__cards is-content-center\"\n\t\tdata-animation=\"slide-fade\"\n\t\tdata-animation-target=\"inner-items\"\n\t\tdata-animation-delay=\"0.15\"\n\t\tdata-animation-stagger=\"0.15\">\n\t\t\t\t\t<li class=\"block-stats-and-copy__card\">\n\t\t\t\t<p class=\"block-stats-and-copy__card-title text-sans-76\">\n\t\t\t\t\t80%\t\t\t\t<\/p>\n\n\t\t\t\t<p class=\"block-stats-and-copy__card-subtitle text-sans-16\">\n\t\t\t\t\tEntwicklungs-Boost\t\t\t\t<\/p>\n\t\t\t<\/li>\n\t\t\t\t\t<li class=\"block-stats-and-copy__card\">\n\t\t\t\t<p class=\"block-stats-and-copy__card-title text-sans-76\">\n\t\t\t\t\t50 %\t\t\t\t<\/p>\n\n\t\t\t\t<p class=\"block-stats-and-copy__card-subtitle text-sans-16\">\n\t\t\t\t\tWartungs-Effizienz\t\t\t\t<\/p>\n\t\t\t<\/li>\n\t\t\t<\/div>\n<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy has-less-t-space\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Produktivit\u00e4t:<br>Messbare Effizienzsteigerung f\u00fcr Teams und Agenturen<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Das Design System transformiert die Produktivit\u00e4t auf zwei Ebenen: intern bei Coop und extern bei den Partneragenturen. Durch die konsequente Ausrichtung auf Adobe Core Components und die automatisierte Anbindung an Figma k\u00f6nnen Entwicklungsressourcen viel gezielter auf andere Aufgaben eingesetzt werden.<br><br><strong>Entwicklungs-Boost:<\/strong>\u00a0Der Aufwand f\u00fcr die Migration bestehender Brands auf das neue System reduzierte sich um\u00a0<strong>80%<\/strong>. Entwickler bauen keine Komponenten mehr nach \u2013 sie optimieren die zentralen Komponenten im Design System und orchestrieren bestehende.<br><br><strong>Wartungs-Effizienz:<\/strong>\u00a0Updates am CMS sind heute deutlich weniger komplex. Dank der Standardisierung spart Coop bei System-Updates rund\u00a0<strong>50%<\/strong>\u00a0der Zeit im Vergleich zum alten Setup.<br><br><strong>Agentur-Enablement<\/strong>: Externe Agenturen erhalten ein \u201eWhite Label\u201c-Set, das klare Leitplanken bietet. Das verhindert Wildwuchs in der Design-Phase, der fr\u00fcher in der Umsetzung teuer korrigiert werden musste.<\/p><\/div>\n\t\t\t\t\t<img\n\t\t\t\t\tsrc=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770901677-coop-productivity.png.avif\"\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"copy-only\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Automatisierung:\u00a0Synchronisation statt Implementierung<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Wir haben den klassischen \u00dcbergabeprozess (\u201eHandover\u201c) eliminiert. Wo fr\u00fcher CSS-Eigenschaften manuell abgetippt und interpretiert wurden, herrscht heute ein vollautomatisierter Datenfluss.<\/p>\n<ul\n\tclass=\"list text-sans-24 block-list__list\"\n\t>\n\t<li><strong>Design Tokens als Code<\/strong>: Farben, Typografie, Spacings oder Button Gr\u00f6ssen fliessen direkt aus Figma in die Generierung der CSS-Stylesheets f\u00fcr AEM. Die Vielfalt der Anpassungsm\u00f6glichkeiten ist dabei riesig. Aktuell stehen den Designern\u00a0 bis zu 1\u2019500 Token zur Verf\u00fcgung, um das Branding in das Design zu \u00fcberf\u00fchren.\u00a0<\/li><li><strong>One-Click-Builds<\/strong>: Ein lauff\u00e4higes AEM-Website-Projekt l\u00e4sst sich so quasi per Knopfdruck initialisieren. Die Basis-Infrastruktur steht in Minuten, nicht in Tagen.<\/li><li><strong>Automatisierte Konsistenz<\/strong>: \u00c4nderungen im Design System werden global synchronisiert. Eine Anpassung an der Prim\u00e4rfarbe einer Marke wird ohne manuellen Code-Eingriff \u00fcber das gesamte System verteilt.<\/li><\/ul>\n<\/div>\n\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"copy-only\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Qualit\u00e4t: <br>Fehlerpr\u00e4vention durch \u201eSingle Source of Truth\u201c<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Qualit\u00e4t ist kein Kontrollschritt am Ende, sondern ein systemischer Output. Durch den Wegfall der manuellen Interpretation von Design-Vorlagen haben wir h\u00e4ufige Fehlerquellen eliminiert.<\/p>\n<ul\n\tclass=\"list text-sans-24 block-list__list\"\n\t>\n\t<li><strong>Code-Integrit\u00e4t<\/strong>: Da die CSS-Styles automatisiert aus verifizierten Tokens generiert werden, ist der resultierende Code immer standardkonform und hochgradig optimiert.<\/li><li><strong>Eliminierung menschlicher Fehler<\/strong>: \u201eInterpretation Gap\u201c gibt es nicht mehr. Wenn der Wert in Figma korrekt ist, kommt er im Browser korrekt an.<\/li><li><strong>Revisionssicherheit<\/strong>: Die direkte Kopplung zwischen Design und Code stellt sicher, dass Dokumentation und tats\u00e4chliche Umsetzung niemals auseinanderlaufen.<\/li><\/ul>\n<\/div>\n\t\n\t<\/div>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Innovativit\u00e4t:\u00a0Neue Handlungsspielr\u00e4ume f\u00fcr die gesamte Gruppe<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Die Innovation liegt nicht nur in der Technik (Tokens-to-AEM), sondern in der daraus resultierenden Skalierbarkeit. Wir haben die lineare Kopplung von \u201eAnzahl Brands\u201c zu \u201eAnzahl ben\u00f6tigter Entwickler\u201c aufgebrochen.<\/p>\n<ul\n\tclass=\"list text-sans-24 block-list__list\"\n\t>\n\t<li><strong>Parallele Skalierung<\/strong>: Es ist nun m\u00f6glich, mehrere Markenauftritte gleichzeitig zu entwickeln, ohne dass sich die Teams gegenseitig blockieren oder Ressourcen linear mitwachsen m\u00fcssen.<\/li><li><strong>Radikal neues Onboarding<\/strong>: Neue Agenturen erhalten als Grundlage bereits ein fixes Set an Komponenten, die sie dann innerhalb der Freiheitsgrade des Design Systems (aktuell gut 1\u2019500 Design Tokens) adaptieren k\u00f6nnen. Damit k\u00f6nnen sie sich vielmehr auf die visuelle Auspr\u00e4gung als auf die Struktur von Komponenten konzentrieren und sind so schneller produktiv.<\/li><li><strong>Fokus-Shift<\/strong>: Die gewonnene Zeit nutzen die Entwickler nicht mehr f\u00fcr das \u201eSchubsen von Pixeln\u201c, sondern f\u00fcr funktionale Innovationen, die den Endkunden der Coop Gruppe echten Mehrwert bieten.<\/li><\/ul>\n<\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"youtube\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"ujM1MOCYCRk\"\n\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t<\/div>\n\n<blockquote class=\"block-case-quote\" data-animation-timeline>\n\t<span class=\"text-sans-20-24\" data-animation=\"fade\" data-timeline-item=\"1\">\u201c<\/span>\n\t<p\tclass=\"text text-sans-24 block-case-quote__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" data-timeline-item=\"2\" data-timeline-at=\"&lt;\" >&#8220;Das Designsystem ist unser Hebel f\u00fcr echte Skalierbarkeit und sp\u00fcrbaren Effizienzgewinn: Durch Systematisierung und Automatisierung verk\u00fcrzen wir die Time-to-Market deutlich und systemische Verbesserungen wirken nicht nur in neuen Projekten, sondern auch r\u00fcckwirkend in bestehenden Umsetzungen.<\/p>\t<br \/>\n\t<span class=\"text-sans-20-24\" data-animation=\"fade\" data-timeline-item=\"3\" data-timeline-at=\"-0.5\">\u201d<\/span>\n\n\t<p\tclass=\"text text-sans-16 block-case-quote__text\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" data-animation-stagger=\"0.015\" data-timeline-item=\"4\" data-timeline-at=\"-0.5\" >David Heilbronner, PO Next CMS Generation<\/p><\/blockquote>\n\n<div\n\tclass=\"block-assets-and-copy js-block-assets-and-copy\"\n\tdata-variant=\"full-width-content\"\n\tdata-content-align=\"center\"\n>\n\t<h2\tclass=\"text text-sans-48 block-assets-and-copy__title\"\n\tdata-animation=\"slide\" data-animation-target=\"words\" >Live Demo<\/h2><div\tdata-animation=\"slide-fade\" data-animation-target=\"inner-items-separate\" data-animation-delay=\"0.15\" data-animation-stagger=\"0.2\" class=\"block-assets-and-copy__content\" >\n\t<p\tclass=\"text text-sans-24 block-assets-and-copy__text\"\n\t>Screencast mit einem Walkthrough der L\u00f6sung \u2013 von Figma \u00fcber API und Frontend Bridge bis zur Verwendung in AEM.<\/p><\/div>\n\t\t\t\t\t<div\n\t\t\t\t\tclass=\"block-assets-and-copy__media js-block-assets-and-copy-media\"\n\t\t\t\t\tdata-animation=\"scale-fade\"\n\t\t\t\t>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"js-block-assets-and-copy-video\"\n\t\t\t\t\t\t\tdata-plyr-provider=\"youtube\"\n\t\t\t\t\t\t\tdata-plyr-embed-id=\"Ow2WwP-Pv7M\"\n\t\t\t\t\t\t><\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\n\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":195,"featured_media":4427390,"template":"","meta":{"_acf_changed":false,"es_utils_meta_schema":"","member_job_title":"","member_linkedin_url":"","dept_alt_featured_image":[],"dept_algolia_noindex":false,"dept_algolia_featured":false,"dept_accent_color":"#F9B05D","dept_next_case_accent_color":"","dept_case_video":{"type":"local"},"footnotes":""},"award":[],"person":[1202],"client":[42981],"case-industry":[42477],"case-category":[42483],"class_list":["post-4427389","case","type-case","status-publish","has-post-thumbnail","hentry"],"acf":{"dept_is_3q_page":false,"dept_current_cpt_partner":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe - DEPT\u00ae<\/title>\n<meta name=\"description\" content=\"Das tokenbasierte Multibrand Design System auf Basis von AEM Core Components sorgt f\u00fcr weniger Entwicklungsaufwand, fehlerfreie Skalierung und neue Massst\u00e4be im Schweizer Retail.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe - DEPT\u00ae\" \/>\n<meta property=\"og:description\" content=\"Das tokenbasierte Multibrand Design System auf Basis von AEM Core Components sorgt f\u00fcr weniger Entwicklungsaufwand, fehlerfreie Skalierung und neue Massst\u00e4be im Schweizer Retail.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/\" \/>\n<meta property=\"og:site_name\" content=\"DEPT\u00ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-12T16:02:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/10\/DEPT-Growth-Invention-Company.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2931\" \/>\n\t<meta property=\"og:image:height\" content=\"1649\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\\\/\",\"url\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\\\/\",\"name\":\"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe - DEPT\u00ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/1770909050-coop_bosw_keyvisual.jpg.avif\",\"datePublished\":\"2026-05-11T10:15:44+00:00\",\"dateModified\":\"2026-05-12T16:02:43+00:00\",\"description\":\"Das tokenbasierte Multibrand Design System auf Basis von AEM Core Components sorgt f\u00fcr weniger Entwicklungsaufwand, fehlerfreie Skalierung und neue Massst\u00e4be im Schweizer Retail.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\\\/#breadcrumb\"},\"inLanguage\":\"de-DACH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DACH\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/1770909050-coop_bosw_keyvisual.jpg.avif\",\"contentUrl\":\"https:\\\/\\\/www.deptagency.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/1770909050-coop_bosw_keyvisual.jpg.avif\",\"width\":2592,\"height\":1622},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/case\\\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.deptagency.com\\\/de-dach\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/#website\",\"url\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/\",\"name\":\"DEPT\u00ae\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.deptagency.com\\\/en-uki\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DACH\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe - DEPT\u00ae","description":"Das tokenbasierte Multibrand Design System auf Basis von AEM Core Components sorgt f\u00fcr weniger Entwicklungsaufwand, fehlerfreie Skalierung und neue Massst\u00e4be im Schweizer Retail.","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:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/","og_locale":"de_DE","og_type":"article","og_title":"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe - DEPT\u00ae","og_description":"Das tokenbasierte Multibrand Design System auf Basis von AEM Core Components sorgt f\u00fcr weniger Entwicklungsaufwand, fehlerfreie Skalierung und neue Massst\u00e4be im Schweizer Retail.","og_url":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/","og_site_name":"DEPT\u00ae","article_modified_time":"2026-05-12T16:02:43+00:00","og_image":[{"width":2931,"height":1649,"url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2025\/10\/DEPT-Growth-Invention-Company.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/","url":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/","name":"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe - DEPT\u00ae","isPartOf":{"@id":"https:\/\/www.deptagency.com\/en-uki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/#primaryimage"},"image":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770909050-coop_bosw_keyvisual.jpg.avif","datePublished":"2026-05-11T10:15:44+00:00","dateModified":"2026-05-12T16:02:43+00:00","description":"Das tokenbasierte Multibrand Design System auf Basis von AEM Core Components sorgt f\u00fcr weniger Entwicklungsaufwand, fehlerfreie Skalierung und neue Massst\u00e4be im Schweizer Retail.","breadcrumb":{"@id":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/#breadcrumb"},"inLanguage":"de-DACH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/"]}]},{"@type":"ImageObject","inLanguage":"de-DACH","@id":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/#primaryimage","url":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770909050-coop_bosw_keyvisual.jpg.avif","contentUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770909050-coop_bosw_keyvisual.jpg.avif","width":2592,"height":1622},{"@type":"BreadcrumbList","@id":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deptagency.com\/de-dach\/"},{"@type":"ListItem","position":2,"name":"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe"}]},{"@type":"WebSite","@id":"https:\/\/www.deptagency.com\/en-uki\/#website","url":"https:\/\/www.deptagency.com\/en-uki\/","name":"DEPT\u00ae","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.deptagency.com\/en-uki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DACH"}]}},"listingData":{"imageUrl":"https:\/\/www.deptagency.com\/wp-content\/uploads\/2026\/04\/1770909050-coop_bosw_keyvisual.jpg.avif","imageAlt":"","caseVideo":{"type":"local"},"url":"https:\/\/www.deptagency.com\/de-dach\/case\/scale-by-design-das-automatisierte-multibrand-design-system-der-coop-gruppe\/","hoverColor":"#F9B05D","hoverText":"Scale by Design: Das automatisierte Multibrand Design System der Coop-Gruppe","label":"Coop","tags":["Customer Experience","Retail &amp; Commerce"]},"_links":{"self":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case\/4427389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case"}],"about":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/types\/case"}],"author":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/users\/195"}],"version-history":[{"count":10,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case\/4427389\/revisions"}],"predecessor-version":[{"id":4430465,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case\/4427389\/revisions\/4430465"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/media\/4427390"}],"wp:attachment":[{"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/media?parent=4427389"}],"wp:term":[{"taxonomy":"award","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/award?post=4427389"},{"taxonomy":"person","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/person?post=4427389"},{"taxonomy":"client","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/client?post=4427389"},{"taxonomy":"case-industry","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case-industry?post=4427389"},{"taxonomy":"case-category","embeddable":true,"href":"https:\/\/www.deptagency.com\/de-dach\/wp-json\/wp\/v2\/case-category?post=4427389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}