Case study · Private members’ club website (concept)

Afterhours London some doors lead elsewhere.

Afterhours London website — home screen

A concept website for a private London club — an “Enter the club” gate with sound, six scroll-led rooms and an evening planner that writes your enquiry.

shadowban.co.uk/websites/club/Full screen

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

Type
Private members’ club website (concept)
Sector
Events & nightlife
Sections
8
Built with
Hand-coded · no templates

About the site

Afterhours London is a private-club concept. It opens on a door — “Some doors lead elsewhere.” — and an “Enter the club” button with sound. Inside, six numbered steps take you from the arrival to the rooms, the music, the bar and the invitation.

The idea

Members’ clubs sell exclusivity, so the site makes you walk in. The gate sets the mood before anything else loads, and the journey ends with “Set the scene”: a planner that turns your choices into a ready-to-send note rather than a cold booking form.

What we built, section by section

  1. 01

    Some doors lead elsewhere

    The entry gate.

  2. 02

    The arrival

    A quiet welcome; the city left outside.

  3. 03

    The rooms

    Velvet booths, bronze and amber light.

  4. 04

    After dark

    Deep house and late-night company.

  5. 05

    The bar

    British spirits and signature cocktails.

  6. 06

    The invitation

    “Welcome to Afterhours.”

  7. 07

    Private evenings

    Celebrations and gatherings.

  8. 08

    Set the scene

    The evening planner.

From the build

Films and pictures from inside the Afterhours London website. Swipe through.

Features

  • “Enter the club” gate with sound toggle
  • Numbered scroll journey (01–06)
  • Evening planner that writes a copyable note
  • Skip link and anchor navigation

Look and feel

Near-black with amber, bronze and velvet — moody, discreet and upmarket.

Under the bonnet

  • Scroll-triggered sections, hand-coded
  • Client-side planner
  • Theme-colour and viewport tags for phones

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.

Private club concept — brand and imagery are illustrative.