Loading…
Loading…
Case study · 01
A band page like no other band page.
2025 · Design, build, and the music · ghostnation.se
Band pages are templates, more or less everywhere. Same blocks, same embeds. So I started from the other end. I wanted to build something you've never seen before, that just happened to be a band page.
Ghost Nation has kept growing since 2017, and the site needed to match that. Scroll-driven animations, custom interactions, a built-in music player, and a visual identity that feels like the music sounds.
The site opens with a counter and a reveal, not a spinner. Dark and warm from the first frame. Near-black background, cream text, a coral accent that pulls your eye where it needs to go.
The music player is built into the site. Press play on any single and a player bar slides in at the bottom, with artwork, transport controls, and a live progress timer. Expand it and you get the full-screen view with the queue. A band site where you can actually listen to the band, without leaving.
Text reveals, smooth scrolling with Lenis, scroll-triggered animations throughout. Hover a card and the controls fade in over the artwork. Nothing moves just because it can. If an animation doesn't make the content land better, it goes.
I knew what I wanted, I picked the tools, and I decided when it was good enough.
A lot of this site happened in conversation before there was any code. What it could even be, and whether a music player built into the page was a crazy idea or just an uncommon one. Mostly it was sketching out loud with AI.
Agents wrote most of the code. The direction was mine, what stayed and what got cut, and plenty of rounds ended with me saying not good enough, do it again.
It was not the first try, it was the first time I got what I really, really wanted.