"Alle Farben", klare Richtung.
Die Idee war, die neue künstlerische Ausrichtung und das neue Corporate Design online erlebbar zu machen und gleichzeitig der komplexen Alltagsrealität eines Repertoiretheaters gerecht zu werden. Die Website sollte „alle Farben dieser Welt“ widerspiegeln, ohne dabei die Orientierung zu beeinträchtigen. Wir haben ein System entwickelt, das das Programmheft wie eine Dramaturgie entfalten lässt: von saisonalen Kampagnen bis zum Tagesprogramm, von der Entdeckung bis zur Entscheidung. Gleichermaßen wichtig: die Entlastung der Redaktion, damit das Team schnell auf aktuelle Diskurse und spontane Programmänderungen reagieren kann.
Orientierung mittels Farbe
Die neue Website setzt das radikal farbige Corporate Design von Bureau Johannes Erler in ein schnelles, intuitives und konsistentes digitales Erlebnis um. Ein regelbasiertes Farbsystem, responsive Typografie und eine klare Navigation machen das Repertoire auf einen Blick lesbar.
Modulare Bühne, präzise Typografie
Wir haben die visuelle Identität in ein modulares Designsystem übersetzt: Jedes Stück erhält im Backend eine eigene Farbkombination, wodurch sichergestellt wird, dass die CI konsistent und ohne manuelle Anpassungen wiedergegeben wird. Dank variabler Typografie lassen sich Titel präzise an Kachelgrößen und Breakpoints anpassen und bleiben in jedem Kontext gut lesbar. Die Homepage fungiert als flexible Bühne: Module können neu angeordnet, hervorgehoben oder ausgeblendet werden. Ein wiederkehrendes kreisförmiges Motiv orchestriert Übergänge und hebt Funktionen wie Downloads hervor. Eine reduzierte typografische Skala sorgt dafür, dass dichte Inhalte übersichtlich und lesbar bleiben.
Ein CMS, das Repertoire kann
Im Kern steht ein robustes CMS für Produktionen, Kampagnen, Veranstaltungen und Abonnements. Redakteur:innem weisen Farblogiken zu und konfigurieren die Startseite mit Drag-and-Drop-Modulen. Eine kompakte „Heute & Morgen”-Seitenleiste zeigt die nächsten Vorstellungen für spontane Besuche an. Eine interaktive Abonnementmatrix macht komplexe Angebote wie Thalia-Karten oder Flex-Pässe transparent und vergleichbar. Der dunkle „Event-Modus” unterstützt digitale Programmhefte auf mobilen Geräten.
Die Website ist intelligent mit dem Starmate CRM verknüpft und beliefert es automatisiert per XML-Feed. So werden passgenaue Pre-Visit-, After-Visit- und Follow-up-Mailings möglich. Empfehlungen und kampagnenrelevante Termine steuert das Theater einfach im Backend. Die Mailings bündeln alle relevanten Informationen übersichtlich: Spielort, Titel, Uhrzeit sowie direkte Links zum Stück, Ticketkauf, zur Audioeinführung und zum Programmheft – ergänzt um kuratierte Empfehlungen für ein rundes Besuchserlebnis.
Vom Impuls zum Platz – Ticketkauf ohne Bruch
Die nahtlose Integration des TIXLY-Ticketingsystems verwandelt Inspiration in Buchungen mit minimalem Aufwand – sowohl auf dem Desktop als auch auf Mobilgeräten. Es gewährleistet einen kontinuierlichen Pfad von der Information bis zum Ticketkauf, einschließlich der Sitzplatzauswahl, ohne wahrnehmbare Medienbrüche.
Zusammenfassung
Was das Projekt auszeichnet, ist die konsequente Systematisierung einer ausdrucksstarken Identität. Anstelle von festen Layouts haben wir Regeln aufgestellt: Farben pro Produktion, responsive Typografie, modulare Dramaturgie. So kann sich das Thalia Theater bei Premieren, Festivals oder Stadtprojekten unterschiedlich inszenieren, ohne an Wiedererkennbarkeit zu verlieren. Die kreisförmige Bewegung verleiht der Website eine poetische, theatralische Qualität, während das Interaktionsdesign zurückhaltend bleibt. Komplexe Produkte wie Abonnements werden nicht in PDFs versteckt, sondern zu interaktiven Tools. Das Ergebnis ist sowohl redaktionell stark als auch publikumsfreundlich.
-
Kunde
Thalia Theater
-
Projekt
www.thalia-theater.de
-
Dauer
7 Monate
-
Go-Live
Sommer 2025
-
Team
1 Project Manager
1 UX Designer
1 UI Designer
1 Frontend Developer
1 Backend Developer
1 IT Operator -
Systemwelt
Theasoft (Distribution Software)
Tixly (Ticketing-System)
Starmate (CRM System)
Python/Django (Backend Webframework)
Nuxt (Frontend Webframework)
Elasticsearch (Onsite Search Engine)
Celery (Task-Management)
Sentry (Error Tacking)