Case study · Interactive music experience

The Music Room feel the frequency.

The Music Room website — home screen

An interactive music room — a sound-or-muted entry gate, a pulsing speaker, an original demo loop and the option to load your own track.

shadowban.co.uk/websites/Music-Room/Full screen

This is the real website. Scroll it, tap it, try it. On a phone it’s best full screen.

Type
Interactive music experience
Sector
Music & events
Sections
4
Built with
Hand-coded · no templates

About the site

The Music Room is an interactive listening experience. “Feel the frequency. Step into the sound.” Before anything plays, a glowing speaker pulses over a dark crowd scene and the visitor chooses how to come in.

The idea

Sound that starts on its own is the quickest way to lose a visitor, so the room asks first: “Enter with sound” or “Enter muted” — and you can change your mind at any time. Inside, an original demo loop plays, or you can load your own track.

What we built, section by section

  1. 01

    The Music Room / 001

    The entry gate with a pulsing speaker.

  2. 02

    Feel the frequency

    “Step into the sound. You can change your choice at any time.”

  3. 03

    Enter with sound / Enter muted

    The visitor chooses before anything plays.

  4. 04

    Inside

    An original demo loop, or load your own track.

From the build

Films and pictures from inside the The Music Room website. Swipe through.

Features

  • Sound-or-muted entry gate
  • Animated pulsing speaker
  • Original demo loop
  • Load your own track
  • Change the sound choice any time

Look and feel

Amber and black, like stage lights through haze, with heavy condensed capitals and spaced-out labels.

Under the bonnet

  • Browser audio, hand-coded
  • Plays local files without uploading them
  • Respects the visitor’s sound choice

Like everything I build, it’s made from scratch. No page builder, no theme. So it’s quick, it works on phones first, and it’s easy to change later.