Referenz · Kultur & Event
Semmel Concerts
Über 1.500 Veranstaltungen im Jahr, und keine davon wird von Hand eingepflegt. Für einen der führenden Live-Entertainment-Veranstalter Europas haben wir semmel.de gestaltet, programmiert und an die Schnittstellen angebunden.
- UX-Konzept
- Screendesign
- Contao
- Schnittstellen
- Suche
- Barrierefreiheit
- Zweisprachig
- Support
1500+
Veranstaltungen im Jahr
5 Mio.+
Besucher
75 %
mobile Zugriffe
9,9/10
Barrierefreiheit
2
gewonnene Pitches
Der Kunde
Semmel Concerts aus Bayreuth zählt zu Europas führenden Live-Entertainment-Veranstaltern: Arenatourneen, Open Airs, Shows und Ausstellungen, über 1.500 Veranstaltungen im Jahr mit mehr als fünf Millionen Besuchern. Seit 2017 bauen wir für Semmel Websites, zuerst für einzelne Produktionen wie Hans Zimmer Live, seit 2018 für semmel.de selbst.
Die Aufgabe
2018 gewannen wir den Pitch für das Webdesign von semmel.de. 2023 lud Semmel erneut zum Pitch, diesmal für Design und Technik. Die neue Seite sollte alle Künstler, Tourneen und Termine direkt aus den Systemen des Veranstalters beziehen, auf dem Handy schnell sein, von Suchmaschinen gefunden werden und für alle bedienbar sein. Und das Redaktionsteam sollte sie ohne Programmierkenntnisse pflegen können.
Feuerpfeil begleitet uns seit fast zehn Jahren. Beim Relaunch haben sie nicht nur ein starkes Design geliefert, sondern eine Technik, die tausende Termine zuverlässig abbildet und mit uns weiterwächst.
Die Lösung: Daten, die sich selbst pflegen
Wir haben semmel.de in Contao neu gebaut und an die Schnittstellen von Semmel angebunden: Künstler, Tourneen und Termine, dazu Videos und Pressemitteilungen. Daraus erzeugt die Seite ihre Künstler-, Tournee- und Terminseiten selbst, mit sprechenden Adressen, automatischen Beschreibungen für Suchmaschinen und strukturierten Daten für Google-Events. Kalender, Karte, Presse und Suche greifen auf denselben Bestand zu, auf Deutsch und Englisch.
Der Wendepunkt im Projekt: Ohne Zwischenspeicher brauchte eine Testseite mit allen Künstlern und ihren Tourneen rund eine Minute, bis sie stand. Wir haben die Daten deshalb in eine eigene Datenbank gespiegelt, die sich stündlich selbst aktualisiert. Seitdem bauen sich die Seiten sofort auf, und fällt eine Quelle einmal aus, zeigt semmel.de einfach den letzten Stand.
Eine Suche über alles
Wer „Roland“ eintippt, sieht schon beim Tippen den Künstler, seine Tourneen und alle Termine, sortiert nach Bereichen und mit der Zahl der Treffer. Die Suche reicht über Künstler, Tourneen, Termine, Orte, Downloads und News.
Seiten, die sich selbst bauen
Jede Tournee bekommt eine eigene Seite mit Key Visual, Tourinfo, allen Terminen mit Ticketlink und Pressebereich mit Akkreditierung. Jeder Künstler hat ein Profil mit allen laufenden Tourneen. Nichts davon legt jemand von Hand an.
Barrierefrei für alle
2025 haben wir semmel.de nach WCAG und BITV überarbeitet: Kontraste, Fokusführung, Tastaturbedienung, Screenreader, ein barrierefreies Akkreditierungsformular und die Barrierefreiheitserklärung. Dazu kommt unser eigenes Web-Accessibility-Tool: Schriftgröße, Dyslexie-Schrift, Zeilenhöhe, Kontraste, Monochrom, Lesehilfe und großer Cursor, mit einem Klick. Bewertung der Seite: 9,9 von 10.
Liebe zum Detail
Die Fotografenliste mit allen Bildnachweisen erzeugt sich selbst aus den Foto-Credits der Tourneen. Und wer sich verirrt, landet auf einer 404-Seite mit zufälligem Motiv und einem Augenzwinkern.
Auf jedem Gerät
Drei von vier Besuchern kommen mit dem Handy. Deshalb wurde jede Seite zuerst für kleine Bildschirme gebaut.
Das Ergebnis
Eine Seite, die tausende Termine abbildet, ohne dass jemand sie einträgt, die sich sofort aufbaut und die jeder bedienen kann. Und eine Zusammenarbeit, die seit 2017 wächst: Gerade entsteht mit tillbroenner.de die nächste Künstlerseite, mit Tourterminen aus derselben Schnittstelle.
Was übertragbar ist
Wo Daten schon in einem System liegen, sollte keine Website sie ein zweites Mal von Hand pflegen.
Mehr zu Contao bei uns:
Zur Barrierefreiheit:
Leistungen aus einer Hand
- Beratung und UX-Konzept
- Screendesign
- Datenarchitektur und Schnittstellenkonzept
- Contao-Umsetzung
- Dynamische Seitentypen
- Suche und Filter
- Englische Sprachfassung
- Performance-Optimierung
- Barrierefreiheit nach WCAG/BITV
- Web-Accessibility-Tool
- Dokumentation und Schulung
- Laufender Support
Beteiligt

Projektleitung

Design und Frontend

Programmierung und Schnittstellen
Zeitleiste
2017
erste Websites für Semmel-Produktionen
2018
Pitch Webdesign semmel.de gewonnen
2023
zweiter Pitch: Design und Technik
2024
Relaunch semmel.de online
2025
Barrierefreiheit nach WCAG/BITV
2026
erweiterte Tourdarstellung, tillbroenner.de







