Andy Portfolio

The Brief

Andy needed a personal portfolio — somewhere to point clients, recruiters, and collaborators. The requirement was simple: it had to feel like zerofluff.co.uk. Same tone, same aesthetic, same no-nonsense directness. Not a cookie-cutter template with stock photos and vague buzzwords.

The content existed already, scattered across LinkedIn, a Substack, and a CV. The job was to pull it together into something that felt designed rather than assembled.

How It Was Built

Claude Code read the source material — LinkedIn profile, Substack posts, CV — and used it to build the site content from scratch. No copy-pasting, no back-and-forth drafting sessions. The agent read what existed, extracted what mattered, and wrote the page.

The stack is Next.js 16 with React 19, TypeScript throughout, Tailwind v4 for styling, and Framer Motion for the animations. Everything is component-driven: a career timeline, a services grid, a projects section, a thought leadership feed. The custom cursor, glitch heading effects, and scrambled text animations all match the visual language of the main Zero Fluff site.

Vercel handles deployment. Push to main, live in seconds.

What Makes It Interesting

The whole build happened in one session. There was no design file, no wireframe, no spec document. Claude Code inferred the design language from the Zero Fluff site and applied it consistently — right down to the typography choices, spacing rhythm, and animation timing.

Content that would normally take a day of writing — a career bio, service descriptions, case study summaries — was generated from raw source material and refined through conversation rather than written by hand.

The Result

The site went from nothing to live in under an hour. The content came from real sources, not invented personas. It matches the Zero Fluff aesthetic closely enough that it reads like part of the same brand family — because it was built the same way the main site was.

Zero lines written by hand. Zero design tools opened.