CASE STUDY
FANDEMiQ Website
Brand guidelines, content strategy, custom illustrations, and a full Next.js marketing site — built entirely through Claude Code.
01 — OVERVIEW
FANDEMiQ needed a marketing website that could represent a B2B SaaS platform to sports and music rights holders. Brand guidelines, messaging, custom hand-drawn illustrations, animated backgrounds, and a full partner registration flow — all built without a single line written by hand.
02 — TOOLS & TECHNOLOGY
The stack that made it real
03 — INTELLIGENCE
AI that did the building
04 — THE FULL STORY
The Brief
FANDEMiQ is a fan engagement and consumer intelligence platform serving sports and music rights holders. They had a product and a pitch, but no marketing presence that matched where the company was heading. The ask: brand guidelines, messaging, and a website — fast.
No design agency. No copywriter. No developer. Just Claude Code.
How It Was Built
We started with the brand: colour palette anchored to FANDEMiQ’s existing blue-magenta gradient, typography using Bricolage Grotesque for headings, and a visual language built around hand-drawn coloured pencil illustrations — warm paper texture, visible pencil strokes, diverse fans and data flow diagrams. The illustrations were generated to specification and refined until they matched the tone: approachable but data-forward.
The site architecture came next. A Next.js 15 app with a full Payload CMS 3 integration for content management, PostgreSQL for partner registration persistence, and Resend for transactional emails. The homepage tells the platform story in sections — the Intelligence Layer process, the Contributor Ecosystem, Data & Insights, and industry verticals — each with custom illustrations and copy written to resonate with rights holders and event organisers.
The partner registration flow is the commercial centrepiece: a modal form that captures distributor, agency, and technology provider leads, saves them to the database, fires an owner notification, and sends an AI-generated confirmation email to the applicant.
Vitest and Playwright test suites cover the form flow and key rendering paths. Vercel handles deployment.
What Makes It Interesting
The site went through a genuine creative process, not just a template fill. Early commits tried animated energy bursts and rotating overlays — they were dialled back when they distracted from the message. The trust bar evolved from placeholder logos to confirmed partners including the Premier League, NFL, NTT, Chelsea FC, Coca-Cola, and Wasserman. Content went through a full rewrite pass before the LinkedIn soft-launch. Team photos, real founder bios, legal pages, and a careers page were added as the company prepared to go public.
This wasn’t a one-shot generation. It was an iterative build where every change was reviewed, redirected, and approved — the same loop as any development engagement, just with no human writing the code.
The Result
A production-ready marketing website with a coherent brand identity, original illustration set, and working lead capture backend — shipped in days, not weeks. FANDEMiQ went from no web presence to a site they could share with the Premier League.
Zero lines written by hand.