Ghost NationGhost Nation

The ProjectThe Project

Ghost Nation has 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.

The First Ten SecondsThe First Ten Seconds

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 kind of site where you notice the page loaded before you think about it.

The PlayerThe Player

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.

The DetailsThe Details

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.

The AI RoleThe AI Role

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.