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.

Bild: semmel.de, Künstlerseite Roland Kaiser. Foto: Nadine Volz / Semmel Concerts Entertainment GmbH
  • 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.

Florian Maßen, Leiter Online-Marketing, Semmel Concerts

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.

Schnittstellen
Künstler, Tourneen, Termine, Videos, Presse
Stündlicher Abgleich
Automatischer Import in eine eigene Datenbank
Eigene Datenbank
Schnell, und bei Ausfall der Quelle bleibt der letzte Stand
Seiten entstehen selbst
Künstler, Tournee, Termin, Kalender, Karte, Presse
Gefunden werden
Suche, Google-Events, Termin-PDFs für die Presse

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.

Suche auf semmel.de mit Vorschlägen beim Tippen

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.

Künstlerseite mit Profil und Tourneen

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.

semmel.de/artist/roland-kaiser
Das Web-Accessibility-Tool von Feuerpfeil

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.

Tablet
Künstler
Tournee

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:

/digital/contao

Zur Barrierefreiheit:

/digital/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

Pero Köhler
Pero Köhler

Design und Frontend

Alexander Brese
Alexander Brese

Programmierung und Schnittstellen

Zur Website: semmel.de

Zeitleiste

  1. 2017

    erste Websites für Semmel-Produktionen

  2. 2018

    Pitch Webdesign semmel.de gewonnen

  3. 2023

    zweiter Pitch: Design und Technik

  4. 2024

    Relaunch semmel.de online

  5. 2025

    Barrierefreiheit nach WCAG/BITV

  6. 2026

    erweiterte Tourdarstellung, tillbroenner.de