Skip to main contentSkip to main content
Index:
06
Sector:
Immersive Art & Festivals
Type:
New website
Year:
2026
Bedtime & West · Immersive Art & Festivals

Bedtime & West

Bedtime & West are a light and sound art duo whose laser and soundscape installations run for a few nights at a time, in the dark, at festivals like Krankenhaus and Vogrie Pogrie. Photographs of lasers in a black forest lose most of the magic and none of the sound comes through, and for everyone who was not there, the website is the work. We built a website that plays their real footage under WebGL light that moves with their soundtrack, and tells every installation through its own film.

Festival footage from the duo's own reel

Light you can hear.

The Challenge

Bedtime & West are Sophia West, a laser artist, and Bedtime, a soundscape artist and writer. Their installations exist for a few nights at a time, in the dark, in forest clearings at festivals like Krankenhaus at Muncaster Castle, Vogrie Pogrie, Eden and Noisily. Photographs of lasers in a black forest flatten into a few coloured lines, and the sound, which is half of the work, does not come through at all. The website is where people who were not in the forest meet the work, so it had to carry the feeling of standing inside the piece, sound included, without getting in the way of the work itself.

The Solution

We built the site in Astro, so every page is plain, fast HTML and only the moving parts load JavaScript. The home page plays real festival footage behind a chromatic WebGL wave, the work and events pages run a field of laser lines, and the contact page has a chroma shader of its own, so every page looks lit rather than decorated. A soundtrack built on Howler fades in after the first scroll, with a tap-for-sound prompt on iPhone where scrolling does not unlock audio. A Web Audio analyser splits that soundtrack into bass, mid and treble, and the three shaders listen to those bands, so the light on the page moves with the music the way it does in the forest. When a visitor opens one of the installation films, the soundtrack ducks underneath it and comes back when the film stops. Each installation is a content file with a checked schema, so the duo add new work, films and slideshows without touching the layout. Everything still works with sound off, and every shader respects the reduced-motion setting.

01 / The work

It only exists at night.

Laser and soundscape installations in forest clearings, for a few nights at a festival. This is what the website had to carry.
Green and violet laser beams cutting up through a forest canopy at night

Into the canopy

Blue laser lines strung through trees at Eden festival

Eden2025

“This one ended up with a small lake reflecting the sparkling projections above.”

Festival-goers silhouetted on a woodland path lit green and blue at Krankenhaus

KrankenhausMuncaster Castle

“A sensory respite nestled amongst the rhododendrons of the Muncaster Castle gardens.”

An audience watching a lit screen in green-lit woodland at Vogrie Pogrie

Vogrie Pogrie2024

“Children and adults alike spent hours looking up at the illuminated canopy above the forest clearing.”

Fine laser patterns drawn across trees in the dark at Noisily festival

Noisily2024

“A beautiful space where the people could rest while not being expected to do or buy anything.”

02 / Sound drives light

Turn it up and watch.

On the live site a Web Audio analyser splits the soundtrack into bass, mid and treble, and three WebGL shaders listen to those bands. This is the same split, on the same soundtrack, driving a fan of lasers. Nothing loads until you press play.
Headphones help
03 / The pages

Three rooms, each lit its own way.

Plate 01

The front door

The home page opens on footage from a real installation, darkened so the type reads, with a chromatic WebGL wave blended over the top so the lasers in the film and the light on the screen run together. The wave listens to the soundtrack once the visitor lets the sound in.

  • →Festival footage, not stock, behind the name
  • →A WebGL wave blended over the film that moves with the music
  • →Parallax layers that stop for visitors who ask for less motion
The front doorGGX
Bedtime & West, The front door
9:41
Bedtime & West, The front door detail
Plate 01 · The front door
Plate 02

The work

Each installation is a glass card grouped by festivals and creative practice. A card opens into its own film or slideshow with the story behind the piece, and the ambient soundtrack drops out of the way while the film plays. The guestbook and the festival testimonials sit at the end.

  • →Films and slideshows for every piece, opened in place
  • →Soundtrack ducked under each film and restored after
  • →Guestbook pages and festival testimonials in a carousel
The workGGX
Bedtime & West, The work
9:41
Bedtime & West, The work detail
Plate 02 · The work
Plate 03

Who they are

The contact page introduces the duo and then each artist on their own: Sophia West, who uses her synaesthesia to feel what sound looks like, and Bedtime, who samples everyday objects into drones and spatial mixes. Each has their own socials. Behind it all, a chroma laser shader burns slowly at the edge of the page.

  • →The duo first, then each artist with their own bio and socials
  • →Booking email and Instagram up front
  • →Its own laser shader, listening to the same soundtrack
Who they areGGX
Bedtime & West, Who they are
9:41
Bedtime & West, Who they are detail
Plate 03 · Who they are
04 / From the festivals

Spellbound, on the forest floor.

What festival organisers wrote about the installations, as published on the duo's own work page.
“As the night turned dark, the magic appeared, and everyone who visited was spellbound. Hypnotic and beautiful, everyone raved about their experience.”
Krankenhaus FestivalOn the 2024 installation
“The children played in and out of the lasers and haze, many people lay on the forest floor, looking up at the lights dancing through the trees and being bathed in the soundscape and storytelling.”
Lucy HopkinsCo-Creative Director, Vogrie Pogrie Festival
05 / Step inside

The site is live. Open it somewhere dark, turn the sound up, and step into the work of Bedtime & West.

Results
3
Audio-reactive WebGL shaders
3
Sound bands driving the light
8
Pieces of work on film and in photographs
8
Past shows listed on the events page
  • 01Real installation footage on the home page instead of stills, under a WebGL wave that moves with the soundtrack
  • 02One soundtrack split into bass, mid and treble bands that drive three page shaders
  • 03Sound unlocks on the first scroll on desktop, with a tap-for-sound prompt where iPhone needs one
  • 04The ambient soundtrack ducks automatically while an installation film plays
  • 05Eight installation and practice pieces told through their own films and slideshows, plus the festival guestbook
  • 06Installation content kept as schema-checked files, so new work is added without touching the design
  • 07Every page works with sound off, and every shader honours reduced motion
Start a project like this

Need a new website?

If your business needs a new website like Bedtime & West's, tell us about it. We reply with a fixed written quote after a short discovery call, so you know the price before any work starts.

New website from £1,500

Prices, timelines and what is included: Web design in Glasgow.

Start a project like thisCall 0141 345 5841

Studio: Unit 204b, 36-38 Washington Street, Glasgow G3 8AZ. Phone 0141 345 5841.

Spec Sheet

An Astro site with React islands for a light and sound art duo: festival footage under three audio-reactive WebGL shaders, a Howler soundtrack split into bass, mid and treble bands that drive the visuals, and installation content kept as typed, schema-checked files.

Architecture
Framework
Astro with React islands, pages pre-rendered and JavaScript only where things move
Content
Astro content collections with a Zod schema for every installation
Visuals
Three.js WebGL shaders on every page, blended over video on the home page
Audio
Howler playback with crossfades, and a Web Audio analyser for bass, mid and treble
Styling
Tailwind CSS 4 with the void, violet and moonlight colour tokens of their brand
Deployment
Vercel
Integrations
Audio unlock
First scroll unlocks sound on desktop; a themed tap-for-sound prompt on iPhone
Ducking
The ambient bed steps down while any installation film plays
Video
Installation films load only when their card is opened, never with the page
Performance
Rendering
Static pages, with the shaders and audio as client islands
Motion
Every shader and parallax layer honours reduced motion
Sound off
Everything works with no audio at all
Code Quality
  • →TypeScript throughout
  • →Schema-checked content, so a malformed installation fails the build
  • →Audio exposed through one small typed API that the shaders read from
Technologies
  • Astro
  • React
  • TypeScript
  • Three.js
  • WebGL
  • Web Audio API
  • Howler
  • Tailwind CSS
  • Vercel
Next Project

MEDICO

A purpose-built, ongoing case management platform for medical-legal expert witnesses, from multi-tenant architecture and AI-powered report drafting to full NHS compliance documentation. Currently extending the software with a Google Maps API integration that auto-calculates mileage and travel time for accurate, fully automated invoices.

MEDICO, Healthcare & Legal project by Glasgow GFX

Have a project?

Websites, web apps and bespoke software for businesses across the UK, built in Glasgow. Tell us what you need and we will come back with a fixed written quote after a discovery call.

Glasgow GFX Studio

Visit
The Pentagon Business Centre
Unit 204b, 36-38 Washington Street
Glasgow G3 8AZ
Hours
Mon to Fri 9:00 to 18:00
Sat 10:00 to 18:00
Sun closed
Clients
Web and software clients across the UK, from the Washington Street studio in Glasgow.