Case Study
AMEN FESTIVAL
Musik & Events
- 49 → 93
- Mobile-Performance-Score nach dem Umbau des Cookie-Consents
- 1
- Datei pflegt die ganze Seite — Line-up, Fakten, Tickets
- 3 Tage
- von der ersten Zeile Code bis zur fertigen Website
- Design
- Astro
- Performance
- Server-Side-Tracking
- SEO & GEO
Die Ausgangslage
Das AMEN Festival ist ein eintägiges Elektro-Festival in den Gail-Werken Gießen — eine Off-Location, ein Jubiläum der Marke „Hard Bock Drauf", ein klarer Auftrag: eine Seite, die den Charakter des Events transportiert, Tickets verkauft und dem Team keine Technik-Arbeit macht. Gebraucht wurde kein Redaktionssystem, sondern maximale Geschwindigkeit mit minimalem Pflegeaufwand — und trotzdem vollwertiges Kampagnen-Tracking für die Ticket-Werbung.
Die Lösung
- One-Pager mit Charakter — Hero mit Hintergrundvideo, Neon-Look auf Schwarz, eigene Display-Schrift, das „Hard Bock Drauf"-Emblem als einfärbbares Markenelement
- Line-up zweistufig — Headliner und Support klar getrennt, Tickets via externem Shop angebunden
- Sound-Toggle — ein barrierefreier Musik-Schalter spielt die Aftermovie-Tonspur zum Hero-Video, nachgeladen erst auf Wunsch
- Galerie — die Bilder werden beim Build automatisch in mehrere responsive WebP-Größen umgerechnet
- Ein-Datei-Pflege — Line-up, Fakten, Ticket-Link und Social-Profile stehen in einer einzigen, kommentierten Datei; eine Änderung dort aktualisiert die ganze Seite
Der Wechsel vom externen Cookie-Dienst zum eigenen, selbst gehosteten Consent-Banner hob den mobilen Performance-Score von 49 auf 93.
Technik
Die Seite ist mit Astro komplett statisch gebaut — kein Server, keine Datenbank, nichts, das gewartet werden oder ausfallen könnte. Für das Kampagnen-Tracking läuft daneben eine bewusst isolierte Mini-Anwendung: Sie reicht Conversion-Ereignisse serverseitig an Meta weiter, sauber dedupliziert mit dem Browser-Pixel und strikt an die Cookie-Einwilligung gekoppelt. So bleibt die Hauptseite hundertprozentig statisch und schnell — und das Tracking trotzdem vollständig.
- Astro
Besonderheiten
Die Website selbst entstand in drei Tagen — Design, Inhalt, Video-Hero, Line-up, alles. Danach folgte der Feinschliff in klaren Etappen: SEO, strukturierte Daten und llms.txt für KI-Suchen, dann der Performance-Pass — dessen größter Hebel der Rauswurf des externen Cookie-Dienstes zugunsten eines eigenen, selbst gehosteten Consent-Banners war — und zum Schluss die Tracking-Härtung. Ergebnis: mobiler Performance-Score 93, Layout-Verschiebung null, und eine Seite, die das Festival-Team über eine einzige Datei selbst aktuell hält.
Einblicke
