Case Study

Pink Pauli Festival Website

Die offizielle Website für das Pink Pauli Festival – die größte CSD Afterparty Hamburgs. Von der Konzeption über das UI Design bis zur fertigen Festival-Website im unverwechselbaren Look des Events.

Textfassung des Videos
  1. 0:00Szenen aus dem Aftermovie: Eine Nacht. 15 Clubs. 1 Website. Artist- und Location-Karten der Website fliegen ins Bild.
  2. 0:05Pink Pauli Festival. Die offizielle CSD Afterparty Hamburg. 01.08.2026, Spielbudenplatz.
  3. 0:07Die Website: So laut wie das Festival. Startseite auf Desktop und Handy.
  4. 0:11Line-up, Timetable, Locations: 15 Clubs. Ein Festival. Die Location-Karten von Mojo Club bis Weingarten 26 und die Headliner.
  5. 0:16Ticketing: Jeder Weg führt zum Ticket. Ein Tap auf „Ticket sichern“.
  6. 0:18Und dann kam Google. Klicks aus der Google-Suche: 6.160 Klicks in 34 Tagen.
  7. 0:232.290 Klicks an einem Tag. Platz 1 für „CSD Afterparty Hamburg“ und „CSD Party Hamburg“.
  8. 0:25Pink Pauli Festival Website. Konzept, UI Design, Umsetzung, SEO. Jannik Noe, janniknoe.de.

Hintergrund

Das Pink Pauli Festival ist die offizielle Afterparty des CSD Hamburg – jedes Jahr am Spielbudenplatz auf St. Pauli, mit über 15 Locations, Tausenden Besuchern und einer Energie, die nur Hamburg kennt. Der Auftrag: eine Website, die diesen Vibe von der ersten Sekunde an transportiert.

Die Herausforderung war dabei klar definiert – das visuelle Erlebnis der Seite muss genauso mitreißend sein wie das Festival selbst. Neon, Farbe, Energie. Und gleichzeitig muss alles funktionieren: Tickets kaufen, Locations entdecken, Line-up checken – einfach und schnell, auch unterwegs auf dem Handy.

Design

Das Design orientiert sich konsequent am Look des Festivals. Dunkler, fast schwarzer Hintergrund trifft auf leuchtendes Pink, bunte Sterne und das ikonische Pink-Pauli-Logo mit seinem Neon-Glow-Effekt. Die Farbpalette ist bewusst laut – das ist hier kein Bug, sondern Feature.

Die typografische Hierarchie ist groß und selbstbewusst: der Festivalname dominiert das Hero-Bild, darunter die wichtigsten Infos auf einen Blick. Datum, Uhrzeit, Anzahl der Locations – alles sofort lesbar, ohne Suchen. Zwei klare CTAs führen zum Ticketkauf und zur Locations-Übersicht.

Für mobile Geräte wurde das Layout vollständig neu gedacht, nicht nur skaliert. Das Menü klappt sauber, der Hero funktioniert auf kleinen Screens genauso eindrucksvoll wie auf Desktop, und die Locations-Karte ist für Touch optimiert.

Entwicklung

Die Website wurde als performante, animationsreiche Frontend-Lösung umgesetzt. Besonderer Fokus lag auf der Ladegeschwindigkeit – bei einem Event, das primär über Social Media beworben wird, kommen die meisten Besucher mobil und erwarten sofortiges Feedback.

Die Locations-Seite ist eines der technischen Herzstücke: Eine interaktive Karte zeigt alle 15 Festival-Locations rund um den Spielbudenplatz. Jeder Club ist klickbar, mit Infos zu Floor, Adresse, Öffnungszeiten und direktem Ticket-Link.

Das Ticket-System ist tief integriert – von der Hero-Section bis zur Footer-Navigation gibt es keinen Moment, in dem der Weg zum Kauf länger als einen Klick entfernt ist.

CMS

Damit der Kunde die Website jedes Jahr eigenständig bespielen kann, wurde ein maßgeschneidertes Content-Management-System selbst entwickelt. Über ein geschütztes Admin-Interface kann das Pink-Pauli-Team Locations anlegen und bearbeiten, Künstler für das Line-up pflegen sowie Fotos zur Galerie hinzufügen – alles ohne eine einzige Zeile Code.

Die Datenpflege ist bewusst einfach gehalten: Neue Location? Drei Felder ausfüllen, speichern, fertig – die interaktive Karte auf der Website aktualisiert sich automatisch. Gleiches gilt für das Line-up: Künstlername, Stage, Uhrzeit, optionales Bild – und der Act erscheint sofort auf der Seite. Das CMS ist eng auf die Bedürfnisse des Festivals zugeschnitten und kommt ohne überflüssige Komplexität aus.

Ergebnis in der Suche

Ein Festival hat ein festes Datum, und genau darauf läuft die Suche zu. Die Website ging am 29. Juni online, gut einen Monat vor dem Festival. Line-up, Locations, Timetable, Tickets und VIP haben eigene, serverseitig gerenderte Seiten mit klaren Titeln, und die Startseite beschreibt das Festival mit strukturierten Daten als Event mit Datum, Ort und Ticketangebot. So versteht Google früh, worum es geht.

Die Kurve zeigt, was dann passiert ist: In den ersten Tagen kamen 10 bis 50 Klicks pro Tag aus der Google-Suche, in der Festivalwoche mehrere Hundert, und am Festivaltag selbst 2.290.

Liniendiagramm Klicks aus der Google-Suche pro Tag für pinkpaulifestival.de vom Launch am 29.06. bis zum Festival am 01.08.2026: Die Linie startet bei 15 Klicks, bleibt im Juli zwischen 10 und 150, steigt in der Festivalwoche auf 200 bis 730 und schießt am Festivaltag auf 2.290 Klicks. Quelle Google Search Console
Google Search Console
6.160Klicks in 34 Tagenvom Launch bis zum Festival, bei 28.400 Impressionen
2.290Klicks am Festivaltagan einem einzigen Tag, dem 01.08.2026
Platz 1für „CSD Afterparty Hamburg“und Platz 1,2 für „CSD Party Hamburg“
21,7 %Klickratejede fünfte Einblendung wurde zum Besuch

Gesucht wurde nicht nur nach dem Namen. Wer „CSD Party Hamburg“, „CSD Hamburg 2026 Party“ oder „CSD Afterparty Hamburg“ eingab, fand das Pink Pauli Festival ganz oben, auch ohne den Namen zu kennen. Selbst für das umkämpfte „CSD Hamburg 2026“, bei dem die offizielle CSD-Seite und die großen Medien mitspielen, lag die Seite mit Position 9 auf der ersten Ergebnisseite, bei fast 4.900 Impressionen. Alle Zahlen stammen aus der Google Search Console für den Zeitraum vom 29. Juni bis 1. August 2026.

Platz 1 für „CSD Afterparty Hamburg“
2.290 Klicks am Festivaltag
Online in 4 Wochen

Lass uns sprechen

Du planst eine Website, eine App, ein Redesign — oder möchtest euer Team mit einem AI-UX Workshop voranbringen?

Ich unterstütze Unternehmen dabei, komplexe Anforderungen in klare, nutzerfreundliche Lösungen zu übersetzen.

Schritt 01 / 04

Wie kann ich helfen?

Dauert ca. 1 Minute. Bitte wähle eine Option