Skip to content
LSD Framework
Sections · 13 · portfolio-piece

Portfolio piece

A cinematic project page — parallax cover, three live counters, a scroll-pinned process timeline with four phases, a pull-quote callout, animated results bars and a hand-off card. Built from LSD primitives, no media queries.

2026 · Editorial · Nebula Records

The Aurora Tapes — a longform scrollscape.

An album launch site you fall into. One sticky-scrub scene per track. Surfaces shift with each chapter, Galaxy fades into Orion, Pulsar carries the bass.

Role
Design + dev
Client
Nebula Records
Year
2026
Duration
8 weeks
0:00
Median session length
9× industry benchmark
0%
Listeners reached final track
vs. 14% on prior release
0.00M
Pre-saves driven from site
first 14 days post-launch
01

Listen first

A week of headphones, no Figma. Map each track to a movement — attack, decay, sustain, release — and to a single Nebula surface tier.

02

Wireframe in motion

Aurora timelines before pixels. Beats land on tokens, never raw seconds. Every transition has a soft attack and a long decay.

03

Render the page

One sticky-scrub scene per track. Cover art breathes in time with the bpm. No autoplay — sound opt-in via a single floating chip.

04

Ship & measure

Pulsar tracks completion-by-section. We watched the funnel hold for the entire 11-minute scroll, not just the hero.

phase · listen
phase · wireframe
phase · render
phase · ship

We expected a marketing site. They gave us a listening room. Three of our junior A&Rs sent the link to their parents.

Vega Okafor · Head of Releases, Nebula Records

Outcomes against the brief

Session length
+9.2×
Pre-saves / visitor
+3.8×
Press pickups
14 outlets
Bounce rate
−52%
Next project

Halcyon Field Guide — print + web hybrid

↩ All sections · View 5 layouts →
Framework index