Website-Redesign, CMS-Neuaufbau und Optimierung für das größte Klassikfestival im Nahen Osten
Abu Dhabi Festival, präsentiert von der Abu Dhabi Music & Arts Foundation (ADMAF), ist das bedeutendste Klassik- und Kunstfestival im Nahen Osten — ein ganzjähriges Programm über Abu Dhabi, New York, Wien, Lyon, Seoul, Beirut und darüber hinaus. B2X Software wurde beauftragt, die bestehende Webflow-Plattform des Festivals weiterzuentwickeln: vollständige visuelle Neugestaltung umgesetzt aus gelieferten Illustrator-Dateien, Restrukturierung eines CMS, das ein Jahrzehnt an Programm-Archiv und eine weitläufige Event-Taxonomie tragen musste, Aufbau einer Custom-Filter-Logik und neuer Seiten, die Webflow nativ nicht unterstützt, sowie Performance-Engineering über eine media-lastige, partner-lastige Site hinweg.
Herausforderung
Eine bedeutende Kulturplattform weiterentwickeln, ohne zu zerstören, was bereits funktioniert
Abu Dhabi Festival hatte seine Webflow-Plattform bereits jahrelang betrieben, bevor B2X in das Projekt einstieg. Die Site trug ein substantielles redaktionelles Archiv — Programme von 2014 bis zur aktuellen Edition, hunderte einzelner Events, dutzende Partner über strategische, Lead-, Energie-, Bildungs- und Medien-Tiers und eine vollständige About- / Initiatives- / Awards- / Education & Community-Oberfläche. Es war eine funktionierende Site, die echte Arbeit für eine bedeutende Institution leistete. Der Brief lautete nicht: ersetzen. Der Brief lautete: weiterentwickeln.
Vier Rahmenbedingungen prägten das technische Briefing
Jahre historischer Event-Daten, etablierte URL-Strukturen, indexierter Content, auf jeder Seite gerenderte Partner-Beziehungen — nichts davon durfte während der Migration verloren gehen oder beschädigt werden. Gleichzeitig benötigte das Festival-Team von der Plattform Funktionen, die sie vorher nicht hatte: ein tief restrukturiertes CMS, neue Seiten mit Custom-Logik und eine vollständige visuelle Neugestaltung, ohne dass die Performance einer Site abnimmt, die bereits schwer an Video, Bildsprache und Partner-Wänden trägt.
01
Ein Jahrzehnt Archiv zu erhalten. Programme ab 2014, hunderte vergangener Events über vier Stages und mehr als zwanzig Event-Typen, alles indexiert und von externen Quellen verlinkt — Redesign und CMS-Neuaufbau durften nichts davon ungültig machen.
02
Eine komplexe, mehrdimensionale Taxonomie. Events sind klassifiziert nach Stage (Abu Dhabi Stage, Global Stage, Youth, Visual Arts), nach Typ (Concert, Opera, Orchestra, Ballet, Flamenco, Jazz, Recital series, Choir, Dance, Contemporary dance, Spiritual music, Theatrical performance, ADMAF Talks, Youth Matinées, Masterclasses, Exhibition und mehr), nach Edition Year (2014–2026) und nach Status (Upcoming oder Past). Das Filter-System musste all das tragen — die bestehende Implementierung konnte das nicht.
03
Ein als fertiges visuelles System geliefertes Redesign. Das Kreativteam des Festivals lieferte ein vollständiges Redesign in Adobe Illustrator — Typografie, Layout, Farbe, Motion. Der Implementierungs-Brief war pixel-perfekt: keine Qualitätseinbuße zwischen Illustrator und der Live-Webflow-Site.
04
Performance unter Media-Gewicht. Hero-Videos, große redaktionelle Bildsprache, Partner-Logo-Wände und komplexe Filter-Seiten auf jeder zentralen Oberfläche — ein Media-Profil, das bewusstes Performance-Engineering verlangt, kein Standard-Webflow-Output.
Lösung
Pixel-perfekte Umsetzung des gelieferten Redesigns
Wir haben mit Adobe-Illustrator-Designdateien gearbeitet, die von And Us Group geliefert wurden — einer der führenden Designagenturen im Nahen Osten. Das vollständige Redesign deckte Startseite, Programm-Listing, Event-Detail-Templates, About, Awards, Initiatives, Education & Community und Footer-System ab. Unsere Aufgabe war es, dieses visuelle System ohne Qualitätsverlust zwischen der Illustrator-Quelle und der Live-Site in einen Webflow-Production-Build zu übersetzen — während die Site für das Festival-Publikum über den gesamten Übergang hinweg operativ blieb.
CMS-Neuaufbau
Wir haben mit Adobe-Illustrator-Designdateien gearbeitet, die von And Us Group geliefert wurden — einer der führenden Designagenturen im Nahen Osten. Das vollständige Redesign deckte Startseite, Programm-Listing, Event-Detail-Templates, About, Awards, Initiatives, Education & Community und Footer-System ab. Unsere Aufgabe war es, dieses visuelle System ohne Qualitätsverlust zwischen der Illustrator-Quelle und der Live-Site in einen Webflow-Production-Build zu übersetzen — während die Site für das Festival-Publikum über den gesamten Übergang hinweg operativ blieb.
Lösung
Custom Webflow-Entwicklung
Ein Festival-Programm mit zwanzig-plus Event-Typen über vier Stages und einem Jahrzehnt an Edition Years kann mit Webflows nativer CMS-Filterung allein nicht gefiltert werden — die Plattform unterstützt mehrdimensionale kombinierte Filter, jahresbasierte Archiv-Ansichten oder Upcoming-versus-Past-dynamische States out of the box nicht. Das Redesign hat außerdem neue Seiten und Oberflächen eingeführt, die vorher nicht existierten, jede mit eigenem Custom-Verhalten. Wir haben eine substantielle Schicht aus Custom-JavaScript und Webflow-Komponenten auf die Plattform aufgesetzt, um zu liefern, was Design und redaktionelles Modell erforderten.
Performance-Optimierung für eine media-lastige, partner-lastige Site
Eine Festival-Website ist ein Media-Produkt. Vollbild-Video-Heros, große redaktionelle Bildsprache auf jeder Event-Card, Archiv-Seiten, die dutzende historischer Events mit ihrer Bildsprache rendern, Partner-Wände, die Logos in mehreren Tiers anzeigen — all das lädt auf denselben Seiten, auf denen das Publikum Entscheidungen darüber trifft, welche Aufführungen es besuchen wird. Performance ist auf einer solchen Site keine finishing touch. Sie ist der Unterschied zwischen einem funktionierenden Kulturprodukt und einem frustrierenden.
Wir haben ein bewusstes Performance-Protokoll über die gesamte Plattform hinweg angewendet:
Video-Auslieferung im Hero der Startseite auf schnellen First Paint abgestimmt — Preload-Optimierung, Format-Auswahl und Poster-Frame-Strategie zum Schutz von Largest Contentful Paint.
Bild-Auslieferung über Webflows responsive Image-Pipeline mit expliziten Abmessungen auf jedem Bild, um Cumulative Layout Shift über Event-Cards, Archiv-Listings und Partner-Wände hinweg zu verhindern.
Lazy-Loading angewendet below the fold für Archiv-Seiten und Partner-Wände — Seiten, die dutzende Media-Assets zeigen, können es sich nicht leisten, sie alle beim ersten Render zu laden.
Kritisches CSS inline ausgeliefert und nicht-kritische Skripte deferred, mit Third-Party-Trackern (Google Tag Manager, Analytics, Marketing-Pixel) hinter Consent-Gating und vom Main-Bundle isoliert.
Filter-Component-Performance abgestimmt — mehrdimensionale CMS-Filterung auf der Programmseite operiert ohne Page-Reload, mit gecachten Computed-States und gebatcheten DOM-Updates zur Vermeidung von Jank.
Eine Kulturplattform, bereit für ein ganzjähriges, globales Programm
Die neu designte und restrukturierte Abu-Dhabi-Festival-Plattform fungiert heute als System of Record für die Programmierung, das Archiv, die Initiatives, Partner und institutionelle Präsenz des Festivals. Die Arbeit liefert messbare Ergebnisse über fünf Dimensionen.
Design-Treue im Production-Maßstab
Das gelieferte Illustrator-Redesign trägt vollständig über jede Seite — Typografie, Spacing, Motion, Responsive-Verhalten — ohne Qualitätsverlust zwischen Quelle und Production-Build.
Ein CMS, das passt, wie das Festival tatsächlich operiert
Die restrukturierten Events-, Partners-, Initiatives-, Awards- und Education-Collections lassen das redaktionelle Team in Minuten statt Stunden veröffentlichen. Multi-Achsen-Klassifikation bedeutet, dass ein einzelner CMS-Eintrag korrekt über Startseite, Programmseite, relevante Filter und Archiv erscheint — ohne manuelle Wiederholung.
Ein CMS, das passt, wie das Festival tatsächlich operiert
Die restrukturierten Events-, Partners-, Initiatives-, Awards- und Education-Collections lassen das redaktionelle Team in Minuten statt Stunden veröffentlichen. Multi-Achsen-Klassifikation bedeutet, dass ein einzelner CMS-Eintrag korrekt über Startseite, Programmseite, relevante Filter und Archiv erscheint — ohne manuelle Wiederholung.
Ein Jahrzehnt Archiv erhalten und auffindbar
Programmierung ab 2014 bleibt live, durchsuchbar und korrekt attribuiert unter dem neuen System.
Custom-Logik, die ein komplexes Programm trägt
Der mehrdimensionale Filter, die jahresbasierte Archiv-Navigation und das automatische Upcoming/Past-State-Handling geben dem Festival eine Programm-Oberfläche, die zur tatsächlichen Struktur seiner Programmierung passt.
Performance auf einer media-lastigen Oberfläche erhalten
Mit Video-Heros, großer Bildsprache, Partner-Wänden und komplexen Filter-Seiten stieg die Site von Lighthouse Performance 79 auf 97 und SEO von 92 auf 100 auf Desktop, mit Core Web Vitals im grünen Band.
