Overview
This site was built entirely with Claude Code. No boilerplate, no starter template. I described what I wanted, iterated in conversation, and Claude wrote every component, animation, and layout. The whole thing went from blank repo to deployed in 3 days.
The Workflow
The process was conversational. I'd describe a section or interaction, Claude would write it, I'd review in the browser and give feedback, and we'd iterate until it was right. No wireframes, no handoff. Just a running dev server and a back-and-forth that moved fast.
This case study page you're reading now was built the same way. The password gate, the metrics bar with animated counters, the YouTube embeds, the reflection block with the inverted background. All of it came from the same workflow: describe, build, refine.
What Claude Built
- Interactive particle background on the homepage
- Typing animation that cycles through different roles
- Scroll animations throughout the site
- Custom case study layouts with reusable components (callouts, image grids, metrics bars, video embeds)
- Smooth page transitions
- Dark theme with consistent colour system
- Fully responsive across all devices
Why It Matters
The site isn't impressive because AI built it. It's impressive because the result is indistinguishable from a hand-coded portfolio. The animations are intentional. The typography is considered. The performance scores are high. Claude Code didn't lower the bar. It removed the bottleneck between having a design opinion and seeing it live.