Skip to content
marten.ackermann
DE

Concept study

Wavelune — landing page for a music streaming service

2026

Product landing page for a fictional streaming app. A moving opening, a waveform horizon, working app views, plan comparison and FAQ — dark, fast and without third-party requests.

Fictional brand: offers, prices, places and people in the demo are invented.

  • HTML, CSS, JavaScript
  • Canvas animation
  • Responsive
  • Self-hosted fonts
  • AI image production
View the live demo (German)

Comparable project

€3,500 – €6,000

Guide prices, net, plus 19% VAT. You get a binding quote after a short call about scope and content.

Opening screen of the Wavelune landing page: the headline “Hör tiefer.” next to a woman wearing headphones against a night-teal background.

The idea

Wavelune is an invented music streaming service with a clear promise: lossless sound, a new mix every morning and a fair share for the artists. The landing page has to show within seconds what the app stands for and lead visitors to the free trial.

What the page shows

  • An opening with motion: the listener glides into view on load, with a waveform running beneath her as the horizon. As you scroll, the image drifts aside.
  • App views instead of screenshots: a mix player with waveform, a spectrogram per quality level and a download indicator, built as real, lightweight HTML.
  • For artists, plan comparison, FAQ and sign-up: the building blocks of a product page, with clear prices and footnotes.
  • A small detail: the moon in the logo shows the actual moon phase of the day.

Technology

A single fast page without a framework: HTML, CSS and a little JavaScript. Fonts are served from the site itself; there are no third-party requests. All animations pause outside the visible area and switch off with “reduce motion”. The main image is AI-generated (Higgsfield) and stored as a cut-out WebP in three sizes.

What a comparable project costs

For a product landing page of this scope I estimate €3,500 to €6,000, net. The price mainly depends on:

  • the number of sections and interactive elements, such as players, price calculators or animations
  • whether images exist or have to be produced
  • integrations such as a newsletter, a waiting list or analytics after consent
  • additional languages

Hosting, domain and ongoing maintenance are not included and can be offered separately.