Logo Mediendesign Magnus Brühl
i-make.media
Die neue Band-Webseite von Wolken Kino ist für Mobilgeräte optimiert und zeigt die Newsletter-Anmeldung und den Musik-Player prominent an.

Band-Website mit Newsletter-Power: Wie die Band Wolken Kino ihre Fans direkt erreicht

Die Band Wolken Kino wollte ihre Fans direkt erreichen, ohne Social Media Algorithmus-Roulette. Mit ihrer neuen Website können sie jetzt Newsletter versenden, Events ankündigen und dabei alles selbst verwalten. Wie das funktioniert und warum das auch für deine Band der Game-Changer sein könnte...

Wenn die alte Webseite zum Hindernis wird

Wolken Kino macht deutschsprachigen Pop-Rock und setzt sich für Kinder in Not ein. Die Band spendet regelmäßig an Kinderklinikkonzerte und den Verein Kian, der Inklusion von Kindern mit Behinderung fördert. Die sechs Bandmitglieder sind im deutschsprachigen Raum aktiv und haben eine treue Fangemeinde. Aber ihre Webseite war ein Problem.

Auf einen Blick

Kunde

Deutschsprachige Pop-Rock-Band

Herausforderungen

Alte Webseite war für die Band nicht pflegbar, Newsletter-Integration benötigt

Lösung

Leicht zu pflegende Webseite, welche die Anforderungen der Band erfüllt und die Bedürfnisse der Fans respektiert
Alte statische Webseite der Band Wolken Kino. Einfaches Pflegen der Inhalte erforderte Programmierkenntnisse.
Die alte Startseite der Band Wolken Kino

Die alte Seite war per Hand in HTML gebaut, ohne Content Management System. Das bedeutete: Kein Bandmitglied konnte selbst Änderungen vornehmen. Jedes Update, jede neue Tourankündigung, jede kleine Textanpassung erforderte einen bezahlten Webdesigner. Als dieser absprang, stand die Band vor einer Entscheidung: Weiter so oder komplett neu denken.

Auf mich kamen sie über die Empfehlung eines Bandmitglieds, das mich bereits persönlich kannte. Der Auftrag war klar: Eine Website, die die Band selbst pflegen kann, die ihre Fans nicht frustriert und die ihre Ziele unterstützt. Spenden für die Tour sammeln und eine Newsletter-Liste aufbauen, um sich langfristig unabhängig von Social Media Algorithmen zu machen.

Was Fans lieben (und was sie hassen)

Bevor ich mit der Entwicklung begann, führte ich eine Zielgruppenreche durch: Was wollen Fans von einer Band-Website? Ich durchforstete Social Media Plattformen und Foren, in denen sich Musikfans austauschen. Die Erkenntnisse waren eindeutig:

Fans hassen Autoplay-Audio. Richtige Fans entscheiden selbst, wann und was sie vom Künstler hören wollen.

Außerdem wollen Fans wollen nicht suchen müssen. Newsletter-Anmeldung, Musik-Player und Tourdaten müssen sofort sichtbar sein. Wer drei Klicks braucht, um die Musik zu finden, hat schon keinen Bock mehr.

Diese Erkenntnisse waren maßgeblich für den Aufbau der neuen Startseite. Ein klar verständliches Menü, keine verschachtelten Unterseiten für die wichtigsten Funktionen. Alles, was Fans brauchen, sollte direkt auf der Startseite zugänglich sein.

Die Herausforderung: Anforderungen der Fans und der Band unter einen Hut bringen

Die konzeptionelle Herausforderung war, die Bedürfnisse der Band mit denen der Fans zu vereinen. In diesem Fall war das erfreulich einfach: Fans wollen den Newsletter abonnieren, um nichts zu verpassen. Die Band will eine Kontaktliste, die unabhängig von Social-Media-Algorithmen funktioniert. Win-win.

Die Lösung: Neue Webseite verbindet Wartbarkeit und Funktionalität

Ich habe mich für WordPress mit dem Breakdance Page Builder entschieden. Warum? Weil die Band damit selbst arbeiten kann, ohne Programmierkenntnisse zu brauchen. Gleichzeitig ist es flexibel genug für alle technischen Anforderungen.

Die Startseite ist das Herzstück der neuen Webseite. Hier kommt alles zusammen:

Startseite der Bandwebsite für Wolken Kino mit prominent platzierter Newsletter-Anmeldung und Button für den Musik-Player
Schnelle benutzerorientierte Navigation auf der neuen Startseite der Band Wolken Kino
  • Hero-Sektion mit klarem Call-to-Action: Newsletter-Anmeldung und Musik hören, prominent platziert, keine Umwege
  • Eingebetteter Tidal Musikplayer: Ich habe eine bewusste Entscheidung gegen Spotify getroffen. Tidal bezahlt Künstler fairer, und der Spotify-CEO investiert sein Vermögen in Rüstungsfirmen. Eine Praxis, die weder meinen noch den Werten der Band entspricht
Musikplayer mit Tidal-Integration auf der Band-Website für Wolken Kino. Weitere Links führen direkt zu Spotify, Deezer, Youtube Music
Der eingebettete Musikplayer erlaubt Besuchern, direkt in das neue Album reinzuhören
Merch-Sektion auf der Band-Website von Wolken Kino mit direktem Verweis auf den Shopify-Shop.
Der prominent platzierte und gut erkennbare Button in der Merch-Sektion führt direkt zum Shopify-Shop
  • Merch: Den Merch-Shop habe ich prominent platziert, da Merch momentan die Haupt­einname­quelle der Band ist
  • Kurze Bandvorstellung: Die ausführlichen Biografien der Bandmitglieder habe ich auf eine eigene Unterseite ausgelagert, um die Startseite nicht zu überladen
Vorstellung der Musiker der Band Wolken Kino in der Band-Sektion der Band-Webseite Wolken Kino
Ein Klick aufs Profilbild führt direkt zur jeweiligen Musikerbiografie
Spendenaufruf für Konzerte auf der Band-Webseite für Wolken Kino
Die großen Buttons in der Konzertsektion machen deutlich, wie Besucher die Band bei ihrer Tour unterstützen können
  • Spendenaufruf für Konzerte: Die Startseite wird mit einem Spendenaufruf abgerundet, was das derzeitige Haupt­ziel der Band widerspiegelt: Geld sammeln, um touren zu können
  • Hero-Sektion mit klarem Call-to-Action: Newsletter-Anmeldung und Musik hören, prominent platziert, keine Umwege
  • Eingebetteter Tidal Musikplayer: Ich habe eine bewusste Entscheidung gegen Spotify getroffen. Tidal bezahlt Künstler fairer, und der Spotify-CEO investiert sein Vermögen in Rüstungsfirmen. Eine Praxis, die weder meinen noch den Werten der Band entspricht
  • Merch: Den Merch-Shop habe ich prominent platziert, da Merch momentan die Haupt­einname­quelle der Band ist
  • Kurze Bandvorstellung: Die ausführlichen Biografien der Bandmitglieder habe ich auf eine eigene Unterseite ausgelagert, um die Startseite nicht zu überladen
  • Spendenaufruf für Konzerte: Die Startseite wird mit einem Spendenaufruf abgerundet, was das derzeitige Haupt­ziel der Band widerspiegelt: Geld sammeln, um touren zu können

Die Newsletter-Integration: komplexer als gedacht

Für die Verwaltung der Newsletter-Abonnenten habe ich mich für Brevo entschieden. Mailchimp als bekannteste Plattform war auch eine angedachte Alternative, aber dort ist der kostenlose Tarif auf 500 E-Mails pro Monat beschränkt. Brevo hingegen erlaubt 300 E-Mails pro Tag. Bei einer wachsenden Fangemeinde ein entscheidender Unterschied.

Was ich unterschätzt hatte: Selbst ein so beliebtes Newsletter-Tool wie Brevo ist nicht automatisch DSGVO-konform konfiguriert. Ich musste das Double-Opt-in-System komplett manuell einrichten. Mit Automationen, Bestätigungsmails und Nachverfolgung der Einwilligungen. Für jemanden ohne technisches Verständnis wäre das kaum machbar gewesen.

Die Standard-Option zum Integrieren der Newsletter-Anmeldung auf der eigenen Seite ist ein eingebettetes Formular von Brevo. Damit hätte ich aber die Möglichkeit eingebüßt, das Anmeldeformular im Stil der restlichen Seite halten zu können.

Zum Glück habe ich eine elegante Lösung gefunden: Mit dem WordPress-Plugin Advanced Form Integration konnte ich das in Breakdance designte Newsletter-Formular direkt mit Brevo verbinden.

Newsletter-Anmeldeformular mit Brevo-Integration auf der Band-Website der Band Wolken Kino
Anmeldeformular für Newsletter: DSGVO-konform ins Newsletter-Tool integriert

Kleine Details, große Wirkung

Bestätigung der Newsletter-Anmeldung auf der Band-Website von Wolken Kino
Das Popup bestätigt die erfolgreiche Newsletter-Anmeldung

Ein Detail zur Verbesserung der Nutzererfahrung: das Dankes-Popup. Statt Nutzer auf eine separate Dankes-Seite zu schicken, landen sie auf der Startseite und sehen dort eine kurze Bestätigung, dass ihre Newsletter-Anmeldung erfolgreich war. Von hier aus können sie direkt weiter mit der Band interagieren: Musik hören, Tourdaten checken, die Bandmitglieder kennenlernen.

Technisch funktioniert das über einen PHP-Query-Parameter im Bestätigungslink der E-Mail. Das Popup in Breakdance ist so konfiguriert, dass es nur erscheint, wenn dieser Parameter in der URL enthalten ist. Simpel, aber wirksam.

Manchmal sind es die kleinen Dinge, die den Unterschied machen. Die Breakdance-Icon-Bibliothek hatte kein Tellonym-Icon und nur eine unansehnliche Outline-Variante des Snapchat-Logos. Also habe ich die benötigten Icons von Brandfetch heruntergeladen, manuell in Vektorgrafiken umgewandelt und für die Verwendung in Breakdance optimiert.

Solche Details springen dir auf der fertigen Website nicht direkt ins Auge, aber du spürst sie.

Custom Social Media Icons für die Bandwebseite von Wolken Kino
Liebe zum Detail bei den Social Media Icons

Das Ergebnis: Eine Webseite, die für alle funktioniert

Nach etwa einem Monat ging die neue Website live. Die Band war begeistert. Vom Design, aber vor allem von der Tatsache, dass sie jetzt selbst Inhalte pflegen können. Keine Wartezeiten mehr, keine zusätzlichen Kosten für kleine Änderungen.

Denny, der Bandleader und Auftraggeber war mit dem gesamten Ablauf zufrieden. Und obwohl die Seite erst seit wenigen Tagen online ist, zeigt sich schon: Die Struktur funktioniert. Fans finden, was sie suchen. Die Band hat die Kontrolle über ihre Online-Präsenz zurück.

Was du für deine Webseite mitnehmen kannst

Zielgruppenrecherche lohnt sich immer

Was Fans in Foren schreiben, ist oft aufschlussreicher als jede Annahme. Eine Stunde Recherche kann Wochen Nacharbeit ersparen.

Wartbarkeit ist ein Feature

Eine schöne Website, die niemand pflegen kann, ist wertlos. Denk von Anfang an daran, wer später damit arbeiten muss.

Newsletter-Tools sind komplexer als sie aussehen

DSGVO-Konformität ist immer noch kein Standard. Plane Zeit für die Konfiguration ein.

Kleine Details zählen

Ein Dankes-Popup statt einer Dankes-Seite, Custom Icons statt Standard-Bibliothek. Wohlüberlegte Details machen den Unterschied.

Werte dürfen eine Rolle spielen

Die Entscheidung für Tidal statt Spotify war nicht nur technisch, sondern auch ethisch motiviert. Und das ist okay.

Wie es weitergeht: Kontinuierlicher Support und Wartung

Die Website ist live, aber die Zusammenarbeit geht weiter. Wolken Kino hat sich für meinen Flex-Tarif entschieden: Regelmäßige Wartung plus zwei Stunden Support pro Monat für Content-Updates, technische Fragen oder Änderungswünsche.

Der Band gibt das Planungssicherheit und einen festen Ansprechpartner. Mir gibt es die Möglichkeit, die Website kontinuierlich zu verbessern und auf Kundenwünsche einzugehen. Kein in Stein gemeißeltes Projekt, sondern eine langfristige Partnerschaft.

Du brauchst auch eine wartbare Webseite mit Newsletter-Integration?

Egal, ob du Musiker bist, ein kreatives Projekt leitest oder einfach eine Webseite brauchst, die du selbst pflegen kannst: Ich übernehme alle Schritte von der Zielgruppenrecherche über die technische Umsetzung bis zur langfristigen Betreuung.

Buche ein kostenloses Beratungsgespräch und lass uns über dein Projekt sprechen.

© 2026 i-make.media – Magnus Brühl

Professionelles Webdesign aus Mönchengladbach •  Umweltschonende Webseiten  •  KI-gestützte Optimierung  •  SEO-Experte  •  WordPress-Spezialist