Skip to content

Ghost Nation

No client. No deadline. No excuses.

Ghost Nation website preview

The Project

Ghost Nation has reached over 12 million streams across 136 countries, topped 27 Spotify viral charts, and kept growing since 2017. The website needed to match that. Scroll-driven animations, custom interactions, a built-in music player, and a visual identity that feels like the music sounds. Not a standard band page, but something you'd actually remember.

I set the bar at Awwwards level on purpose. If it couldn't get there, I wouldn't have shipped it. No deadline, no client compromises, no one telling me to cut corners. Just the question of whether I could actually pull it off.

Tech Stack

Next.jsTypeScriptReact 19GSAPLenisTailwind CSSVercel

Design & Animation

Dark and warm. Near-black background, cream text, a coral accent that pulls your eye where it needs to go. The kind of site where you notice the page loaded before you think about it.

Text reveals, smooth scrolling with Lenis, scroll-triggered animations throughout. Nothing moves just because it can. If an animation doesn't make the content land better, it goes.

The AI Role

One developer, every tool available, and no one to blame if it didn't work.

Before writing any code, I spent time with AI just figuring out what the site could be. What to build, which animation techniques made sense, how far I could push it. That planning phase changed everything about how the build went.

From there, AI wrote a lot of the code. I handled the architecture, the decisions about what to build and what to cut, and making sure every detail landed right. The back and forth between my direction and what AI could generate is where the quality came from.

The Result

It turned out the way I wanted. No client pushing back, no deadline forcing shortcuts. Just the freedom to keep going until it was right.

Visit ghostnation.se