Case study · Music culture website

Drum & Bass Warehouse feel the break, live the bass.

Drum & Bass Warehouse website — home screen

A drum and bass culture site — the sounds, the people, the history — with a warehouse-rave hero, a listening room and a “My music” area.

shadowban.co.uk/websites/Drum-and-Bass/Full screen

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

Type
Music culture website
Sector
Music & events
Sections
4
Built with
Hand-coded · no templates

About the site

Drum & Bass Warehouse is a home for the scene. “UK roots. Worldwide movement.” A black-and-acid-green warehouse rave fills the hero behind “Feel the break. Live the bass.” — and the promise: the sounds, the people, the history.

The idea

The site is built to be used, not just read. “Enter the listening room” gets you straight to the music, and “My music” in the header gives regulars their own space to come back to.

What we built, section by section

  1. 01

    Feel the break. Live the bass.

    The hero — UK roots, worldwide movement.

  2. 02

    The sounds, the people, the history

    Your way into drum and bass.

  3. 03

    Enter the listening room

    The music, one tap away.

  4. 04

    My music

    A personal area in the header.

From the build

Films and pictures from inside the Drum & Bass Warehouse website. Swipe through.

Features

  • Warehouse-rave hero
  • “Enter the listening room” player
  • “My music” personal area
  • Bold monogram logo and mobile menu

Look and feel

Black and acid green with laser light, huge condensed capitals and a stencil-style monogram — loud, proud and very UK.

Under the bonnet

  • Hand-coded, no framework
  • Browser audio for the listening room

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.