Alle Referenzen
TEAL. Events (Garrel & Kunde GmbH)Events / Musik Website besuchen Projektdauer: 8 Wochen

TEAL. Events – Event-Plattform

Event-Plattform für elektronische Musik in Heilbronn mit GSAP-Animationen, Ditix-Ticketing und immersivem Webdesign.

Umgesetzt von Alexander Seidlertwentyonepixels
Screenshot von TEAL. Events (Garrel & Kunde GmbH)
30+ EventsGSAPTicketing5 Sektionen

Projekteinblicke

TEAL. Events (Garrel & Kunde GmbH) — Projekteinblick 1
TEAL. Events (Garrel & Kunde GmbH) — Projekteinblick 2
TEAL. Events (Garrel & Kunde GmbH) — Projekteinblick 3
01 — Ausgangslage

Die Herausforderung

Aufstrebender Veranstalter benötigte Event-Plattform, die Markenimage digital abbildet. Immersive, animierte Nutzererfahrung war entscheidend, um die Zielgruppe der elektronischen Musikszene anzusprechen.

02 — Lösung

Unsere Umsetzung

WordPress mit GSAP-Animationen, 3D-Ticket-Preloader, Ditix-Ticketing, Corporate-Seite, Jobs-Sektion, FAQ-System, Spotify-Embedding, Newsletter. Über 30 Events mit individuellen Seiten und automatischer Archivierung.

03 — Ergebnis

Das Resultat

Immersive Event-Plattform mit aufwendigen GSAP-Animationen, die TEAL. klar von anderen Veranstaltern abheben. Nahtlose Ditix-Ticket-Integration ermöglicht direkten Verkauf ohne Plattformwechsel.

Warum eine Event-Website anders funktioniert als eine Firmenwebsite

Bei einer Firmenwebsite entscheidet der Inhalt, bei einer Event-Website die Atmosphäre. Wer in der elektronischen Musikszene nach einer Veranstaltung sucht, prüft innerhalb weniger Sekunden, ob der Veranstalter die eigene Ästhetik trifft — lange bevor Datum oder Preis gelesen werden. Die Website musste also zuerst ein Gefühl transportieren und erst danach informieren. Umgesetzt ist das über GSAP-Animationen und einen 3D-Ticket-Preloader, der die Ladezeit nicht kaschiert, sondern als Teil der Inszenierung nutzt.

Über 30 Events mit automatischer Archivierung

Jede Veranstaltung bekommt eine eigene Seite mit Line-up, Location und Ticketlink. Der eigentliche Aufwand liegt nicht im Anlegen, sondern im Danach: Vergangene Events dürfen nicht als aktuelle Termine stehen bleiben, sollen aber auch nicht verschwinden — sie sind der Beleg für die Historie des Veranstalters und werden weiterhin über Suchmaschinen gefunden. Die Seiten wandern deshalb nach dem Veranstaltungsdatum automatisch in ein Archiv, das verlinkt und indexierbar bleibt, statt gelöscht zu werden. Über 30 Events sind auf diesem Weg dokumentiert.

Ticketverkauf ohne Plattformwechsel

Der klassische Bruch im Event-Marketing liegt zwischen Website und Ticketshop: Interessierte werden auf eine fremde Domain mit fremdem Design geleitet und springen dort ab. Die Ditix-Anbindung ist deshalb direkt in die Eventseiten integriert, sodass der Kauf im gewohnten Erscheinungsbild beginnt. Ergänzt wird die Plattform um eine Corporate-Seite für Kooperationsanfragen, eine Jobs-Sektion für Crew-Bewerbungen, ein FAQ-System für wiederkehrende Fragen zu Einlass und Altersgrenzen sowie eingebettete Spotify-Playlists, die das musikalische Profil hörbar machen.

Wiederkehrende Veranstaltungen und die Frage nach der Adresse

Eine Veranstaltungsreihe stellt eine Entscheidung, die sich später kaum noch korrigieren lässt: Bekommt jede Ausgabe eine eigene Adresse, oder gibt es eine Seite, deren Inhalt sich jedes Mal ändert? Beides hat einen Preis. Eigene Adressen je Ausgabe sammeln Verweise, die nach dem Termin auf eine vergangene Veranstaltung zeigen; eine einzige Adresse sammelt alle Verweise, verliert dafür aber die Möglichkeit, eine bestimmte Ausgabe zu belegen oder zu archivieren. Die tragfähige Auflösung liegt dazwischen und ist die, die hier umgesetzt ist: eine dauerhafte Übersichtsseite, die immer die nächste Ausgabe zeigt, und je Ausgabe eine eigene, dauerhaft erreichbare Seite, die nach dem Termin zum Archiv wird statt zu verschwinden. Entscheidend ist der letzte Teil. Eine gelöschte Veranstaltungsseite nimmt jeden Verweis mit, den sie über Monate gesammelt hat, und hinterlässt einen Fehler dort, wo jemand sie verlinkt hat — auf einer Veranstaltungsseite ist das der Regelfall, nicht die Ausnahme. Der zweite Punkt ist die Terminangabe selbst: Ein Datum, das nur im Fließtext steht, ist für Kalender und Suchmaschinen unsichtbar. Maschinenlesbar ausgezeichnet wandert dieselbe Veranstaltung in die Terminansicht der Suche und lässt sich mit einem Klick übernehmen — und genau das entscheidet oft darüber, ob jemand den Termin wiederfindet.

Was dieses Projekt nicht leistet

Das Archiv hält die Historie sichtbar, ersetzt aber keine Reichweite: Ein vergangenes Event wird gefunden, wenn jemand danach sucht — es zieht keine neuen Besucher an.

Eingesetzte Technologien

WordPressGSAPDitixPHPJavaScriptCSSSchema.org

Zusammenarbeit

Fabio Godel

Design-Unterstützung

Ähnliches Projekt starten?

Wir entwickeln auch für Sie eine maßgeschneiderte Lösung.