Website-Ökosystem für eine Gruppe von Kreativunternehmen
ANDUS Group (AUG) ist die am häufigsten ausgezeichnete unabhängige Kreativgruppe der MENA-Region — über Branding, Werbung, Social und Museen hinweg. B2X Software hat drei verbundene Webflow-Websites entwickelt: die AUG-Corporate-Plattform unter andus.group, die Branding-Agentur No One unter no-one.design und die Werbeagentur And Us unter andus.agency. Auf Basis der vom internen Team gelieferten Illustrator-Designs haben wir pixel-perfekte Umsetzung geliefert, eine Bibliothek an Custom-Komponenten für Slider und Motion, die Webflow nicht mitbringt, eine tiefe CMS-Architektur für schnelles Publishing und zentralisiertes Video auf Cloudflare Stream.
Herausforderung
Drei markenprägende Websites umsetzen, die als ein Creative-Ökosystem funktionieren
Eine Kreativgruppe operiert in einem Paradox, das nur wenige andere Branchen kennen. Jede Agentur innerhalb der Gruppe muss kompromisslos eigenständig wirken — mit eigener Stimme, eigener visueller Sprache, eigener werk-zentrierter Identität — denn Kunden engagieren Agenturen für Distinktion, nicht für Gleichförmigkeit. Gleichzeitig muss die Gruppe selbst als kohärente Plattform wirken — eine, in der die Corporate-Muttergesellschaft, die Branding-Agentur und die Werbeagentur einander verstärken statt verwässern.
Dieses Paradox prägte das Engagement. Das interne Designteam von ANDUS Group lieferte drei vollständig ausgearbeitete Design-Systeme — eines pro Site — in Adobe Illustrator bis ins typografische Detail aufgebaut. Der Implementierungs-Brief war anspruchsvoll, wie es bei Projekten der Creative-Industrie immer der Fall ist: pixel-perfekte Treue zu den gelieferten Designs, keine Kompromisse bei Typografie oder Abständen und null Qualitätsverlust zwischen den Illustrator-Artboards und dem Live-Webflow-Build.
Vier Rahmenbedingungen prägten das technische Briefing
Gleichzeitig haben die Designs selbst Webflow über das hinausgeschoben, was die Plattform nativ unterstützt. Jede Site verlangte nach individuell gebauten Slidern, scroll-getriebenen Interaktionen, animierten Wordmarks und Motion-Sequenzen, die schlicht nicht als Webflow-Primitive existieren. Das Projekt musste außerdem operativ skalieren — das kleine interne Team der Gruppe musste neue Case Studies veröffentlichen, Kunden hinzufügen, Team-Profile pflegen und News über drei Sites versenden können, ohne Engineering-Beteiligung für alltägliche Updates.
01
Drei eigenständige, vollständig ausgearbeitete Design-Systeme. Jede Site kommt als eigenständig in Illustrator entwickelter Markenausdruck und musste mit voller Treue umgesetzt werden, nicht in ein gemeinsames Template normalisiert.
02
Schwere nicht-standardisierte Interaktivität. Die Designs verlangten nach Slidern, Karussells und Motion-Mustern, die Webflow nativ nicht unterstützt — was eine erhebliche Menge an Custom-Component-Arbeit in JavaScript und CSS oberhalb des Webflow-Projekts erforderte.
03
Ein tiefer, operativ schneller CMS-Layer. Das interne Team musste neue Arbeiten veröffentlichen, neue Kunden hinzufügen, Team-Profile pflegen und News-Einträge über drei Sites in Minuten versenden — was eine durchdachte CMS-Architektur erforderte, kein Standard-Webflow-Setup.
04
Schwere Video-Inhalte über alle drei Sites. Kreativarbeit wird über Full-Bleed-Videoloops, Case-Study-Reels und Kampagnen-Filme gezeigt — ein Media-Profil, das eine zentralisierte, performante Lösung erforderte statt drei unverbundener Video-Pipelines.
Lösung
Pixel-perfekte Umsetzung der gelieferten Brand-Designs
Wir haben mit Illustrator-Designdateien gearbeitet, die vom internen Designteam von ANDUS Group geliefert wurden — ein vollständig ausgearbeitetes System pro Site, einschließlich Typografie-Spezifikationen, Color Tokens, Spacing-Systemen, Hover States, Motion-Notizen und Responsive-Intent. Unsere Aufgabe war es, jedes dieser Design-Systeme ohne Qualitätsverlust zwischen der Illustrator-Quelle und der Live-Site in einen Webflow-Production-Build zu übersetzen. Jede Interaktion, jedes Layout, jede Type-Ramp, jeder Pixel an Abstand wurde so umgesetzt, wie es die Designer spezifiziert haben.
Lösung
Custom Webflow Development — eine Komponenten-Bibliothek jenseits dessen, was Webflow mitbringt
Das war die größte Engineering-Investition im Projekt. Die gelieferten Designs verlangten nach Interaktionen, die Webflow out of the box nicht unterstützt — nicht-standardisierte Slider, scroll-getriebenes Storytelling, animierte Wordmarks, individuell gebaute Video-Karussells mit Industrie-Tagging, press-quote-Scroll-Erlebnisse mit synchronisierter Media und Motion-Sequenzen, die schlicht nicht als Webflow-Primitive existieren. Keines dieser Probleme löst ein Webflow-Template. Jedes einzelne davon erforderte Custom-JavaScript und CSS-Komponenten, geschrieben, um sauber in das Webflow-Projekt zu integrieren, in den CMS-Datenlayer zu greifen und für das interne Team bei nachfolgenden CMS-Updates editierbar zu bleiben.
Lösung
Webflow CMS Development — gebaut für schnelles Publishing über drei Sites
Die CMS-Arbeit in diesem Projekt war substantiell — wohl die größte Tag-zwei-Investition nach der Custom-Component-Bibliothek. Das Team von ANDUS Group ist klein und musste in der Lage sein, eine neue Case Study zu veröffentlichen, einen neuen Kunden hinzuzufügen, ein Team-Profil zu aktualisieren oder einen News-Eintrag über drei Sites in Minuten zu versenden, nicht in Stunden. Ein Standard-Webflow-CMS-Setup hätte das operativ schmerzhaft gemacht. Wir haben pro Site eine tiefe, bewusste CMS-Architektur entwickelt, abgestimmt darauf, wie jede Agentur ihre Arbeit tatsächlich präsentiert und wie das interne Team tagtäglich operiert.
Ein vernetztes Creative-Ökosystem, bereit mit der Gruppe zu skalieren
Die drei Webflow-Sites sind als das digitale Fundament von ANDUS Group gestartet und fungieren heute als die primäre Repräsentation der Plattform gegenüber Kunden, Talenten und der internationalen Fachpresse der Creative-Industrie. Die Umsetzung liefert messbare Ergebnisse über fünf Dimensionen:
Design-Treue im Production-Maßstab: Jede der drei Sites trägt das gelieferte Illustrator-Design-System in voller Ausprägung — Typografie, Spacing, Motion, Hover-States, Responsive-Verhalten — ohne Qualitätsverlust zwischen der Design-Quelle und dem Live-Build. Die visuelle Distinktion zwischen No One, And Us und AUG bleibt genau so erhalten, wie das Designteam sie beabsichtigt hat.
Eine Custom-Component-Bibliothek, die deutlich über Webflow-Defaults hinausgeht: Die Slider, scroll-getriebenen Storytelling-Komponenten, animierten Wordmarks, Video-Karussells und Motion-Mikro-Interaktionen über die drei Sites wurden speziell für dieses Projekt gebaut — und stehen heute als das Engineering-Fundament, das ANDUS Group erlaubt, Creative-Industrie-Niveau-Interaktivität zu liefern, ohne die operativen Kosten einer vollständig custom-codierten Site zu tragen.
Zentralisierte Video-Infrastruktur: Jedes Video über die drei Sites hinweg lebt auf einem einzigen Cloudflare-Stream-Account. Das Team lädt einmal hoch, referenziert überall und profitiert von Adaptive-Bitrate-Playback, globalem Edge-Caching und vereinheitlichten Kosten — statt drei unverbundene CDN-Pipelines zu betreiben.
