Zum Inhalt springen

Konzeptstudie

Wavelune — Landingpage für einen Musikstreaming-Dienst

2026

Produkt-Landingpage für eine fiktive Streaming-App. Bewegter Einstieg, Wellenform-Horizont, funktionierende App-Ansichten, Abo-Vergleich und FAQ — dunkel, schnell und ohne Anfragen an Dritte.

Fiktive Marke: Angebote, Preise, Orte und Personen in der Demo sind erfunden.

  • HTML, CSS, JavaScript
  • Canvas-Animation
  • Responsive
  • Selbst gehostete Schriften
  • KI-Bildproduktion

Vergleichbares Projekt

3.500 – 6.000 €

Richtpreise netto zzgl. 19 % USt. Das verbindliche Angebot folgt nach einem kurzen Gespräch über Umfang und Inhalte.

Startbereich der Wavelune-Landingpage: die Überschrift „Hör tiefer.“, daneben eine Frau mit Kopfhörern vor nächtlichem Petrol-Hintergrund.

Die Idee

Wavelune ist ein erfundener Musikstreaming-Dienst mit einem klaren Versprechen: verlustfreier Klang, jeden Morgen ein neuer Mix und ein fairer Anteil für die Artists. Die Landingpage soll in wenigen Sekunden zeigen, wofür die App steht, und zum kostenlosen Test führen.

Was die Seite zeigt

  • Ein Einstieg mit Bewegung: Die Hörerin gleitet beim Laden ins Bild, darunter läuft eine Wellenlinie als Horizont. Beim Scrollen driftet das Bild zur Seite.
  • App-Ansichten statt Screenshots: Mix-Player mit Wellenform, Spektrogramm je Qualitätsstufe und Download-Anzeige sind als echte, leichte HTML-Elemente gebaut.
  • Für Artists, Abo-Vergleich, FAQ und Anmeldung: die Bausteine einer Produktseite, mit klaren Preisen und Fußnoten.
  • Ein kleines Detail: Das Mond-Symbol im Logo zeigt die echte Mondphase des Tages.

Technik

Eine einzige schnelle Seite ohne Framework: HTML, CSS und wenig JavaScript. Die Schriften liegen auf dem eigenen Server, es gibt keine Anfragen an Dritte. Alle Animationen pausieren außerhalb des sichtbaren Bereichs und entfallen bei „Bewegung reduzieren“. Das Hauptbild ist KI-generiert (Higgsfield) und als freigestelltes WebP in drei Größen hinterlegt.

Was ein vergleichbares Projekt kostet

Für eine Produkt-Landingpage in diesem Umfang rechne ich mit 3.500 bis 6.000 € netto. Den Preis bestimmen vor allem:

  • die Zahl der Abschnitte und interaktiven Elemente, etwa Player, Preisrechner oder Animationen
  • ob Bildmaterial vorhanden ist oder produziert werden muss
  • Anbindungen wie Newsletter, Warteliste oder Analyse erst nach Einwilligung
  • Mehrsprachigkeit

Hosting, Domain und laufende Wartung sind nicht enthalten und werden auf Wunsch separat angeboten.