Projekt im Überblick

Kunde
mcbw
Zeitraum
07/2024 – 05/2025
Branche
Kultur, Design und Event
Unsere Rolle
Entwicklung von Programmdarstellung, Magazin-Redesign und Barrierefreiheitsoptimierung
Technologien
TYPO3, React

Das Projekt

Die mcbw ist Deutschlands größtes Design-Event und wird von der bayern design GmbH veranstaltet. Seit Mitte 2023 entwickeln wir die Plattform jährlich weiter. Für die Ausgabe 2025 lag der Fokus auf dem öffentlichen Nutzungserlebnis: einer neuen Programmdarstellung, einem Magazin-Redesign und der Barrierefreiheit der Website nach BITV 2.0.

Herausforderung

Das Festivalprogramm der mcbw umfasst zahlreiche Events unterschiedlichster Formate, Orte und Zeitfenster. Die bisherige Programmdarstellung stieß an ihre Grenzen, sobald Besucherinnen und Besucher gezielt nach Tag, Ort oder Thema filtern wollten. Gleichzeitig sollte das neue, animierte Key Visual der mcbw 2025 seine visuelle Wirkung im Web nicht verlieren, ohne die Ladegeschwindigkeit zu beeinträchtigen. Zusätzlich sollte die Website systematisch auf Barrierefreiheit nach BITV 2.0 geprüft und angepasst werden, was eine genaue Analyse bestehender Komponenten erforderte.

Ergebnis

Die Programmdarstellung wurde komplett neu als React-Integration umgesetzt, mit überarbeiteter Tagesauswahl, Filterlogik und Kartenfunktion. Besucherinnen und Besucher finden sich dadurch deutlich schneller im umfangreichen Festivalprogramm zurecht. Das Online-Magazin erhielt ein Redesign im moderneren Magazincharakter, und das animierte Key Visual wurde als weboptimierte SVG-Animation performant integriert. Die Website wurde nach BITV 2.0 geprüft und barrierefrei optimiert. Seit Mitte 2023 übernehmen wir zusätzlich Hosting, Matomo, Wartung, Updates, Monitoring und Support für die gesamte Plattform.

Tagesauswahl, Filter & Karte komplett neu, auf einer Datenbasis, auch bei vielen Events übersichtlich.

Programmdarstellung als React-Integration

Statt die bestehende Programmdarstellung punktuell anzupassen, wurde sie komplett neu als React-Integration konzipiert und umgesetzt. Tagesauswahl, Filterlogik und Kartenfunktion greifen dabei auf dieselbe Datenbasis zu und lassen sich enger miteinander verzahnen, als es mit der vorherigen Lösung möglich war. Das Ergebnis ist eine Programmoberfläche, die auch bei einer hohen Anzahl an Events übersichtlich bleibt.

Animiertes Key Visual als weboptimierte SVG-Animation

Das animierte Key Visual der mcbw 2025 wurde als weboptimierte SVG-Animation in die Website integriert. So bleibt die visuelle Wirkung des jährlich wechselnden Key Visuals erhalten, ohne dass sich die Ladegeschwindigkeit der Seite verschlechtert. Die Umsetzung zeigt, wie sich starke visuelle Identität und technische Performance miteinander verbinden lassen.

mockup-desktop-mcbw2025

Barrierefreiheit nach BITV 2.0

Die Website wurde systematisch gegen die Anforderungen der BITV 2.0 geprüft. Statt punktueller Einzellösungen wurden bestehende Komponenten gezielt analysiert und nachgebessert. Dadurch ist die Website für einen größeren Nutzerkreis zugänglich, ohne dass Programmdarstellung, Magazin oder Partner-Dashboard an Funktionalität einbüßen.