Skip to content
All client work
Case study · Jon Finnigan

Selling the credits, not the lesson.

How KumoKodo Studio built jonfinnigan.com — a dark, editorial “rock-luxe” site for a world-touring drummer, where every page answers one question before it asks for anything: who am I actually learning from?

4
Headline credits, above the fold
3
Lesson plans
0
Invented reviews or ratings
0
AI-generated images of Jon
Client
Jon Finnigan · Cambridgeshire, UK
Industry
Music · Drum Lessons & Session Work
Services
Brand, design, build, SEO
Status
Live — jonfinnigan.com
The challenge

A career that outranks the website.

Jon Finnigan was a member of Gang of Four from 2013 to 2019, has played with Deep Purple's Don Airey and Ian Gillan since 2016, and has supported Beyoncé at The O2 and toured with Girls Aloud. He now takes a small number of one-to-one students online. The gap between that résumé and a generic teacher listing is the entire problem.

  • Online drum lessons are a commodity market — the pitch has to be credibility transfer, not features, or it competes on price with every YouTube teacher
  • Two different funnels sharing one audience: parents and adult learners booking lessons, and artists and MDs hiring remote session work
  • Teaching worldwide from a UK village means the site carries all the trust-building a local studio never has to do
  • Exactly one strong professional photograph of Jon existed — not enough to art-direct a five-page site the honest way
  • No CMS, no database, no booking platform in budget — but the site still had to convert and still had to be editable by us in one place
  • A named person is one of the hardest entities for search and AI to disambiguate — a wrong fact in structured data becomes a wrong answer in his name
Our solution

Rock-luxe, one accent, no template.

A warm near-black canvas, bone type, and a single brass accent — a site that reads like a tour programme rather than a lesson marketplace, with the credits doing the selling on every page.

01

Credits above the fold

Gang of Four, Don Airey & Ian Gillan, Beyoncé, Girls Aloud — the headline credits run under the hero as a marquee, not buried in an About page. The conversion argument is credibility transfer, and the design puts it where the eye lands first.

02

Performance video as proof

A video wall of real performances answers "can he actually play this?" without a word of copy. Each clip loads behind a click-to-load facade against youtube-nocookie — no third-party iframe touches the page until a visitor asks for it.

03

Two funnels, one form

Lessons and remote session work each get a dedicated page with their own pitch, pricing, and FAQ, then converge on a single styled enquiry form — so a student and a musical director both land in the same inbox with context attached.

04

Honest pricing, stated plainly

Three plans on the page: weekly lessons at £100, a block of five at £450, and pro mentorship at £175. Money is taken off-site by Jon — no payment layer to maintain and no fee skimmed from a working musician.

Technical approach

Five static pages, one content file.

Nothing that can be down on a Sunday night

Every page is built in advance and served as a finished file. There is no database to go down, nothing to log into, and no monthly server to forget to pay. For a touring musician who is asleep in another timezone when a prospective student is browsing, the site being simply unable to break is worth more than any feature we could have added instead.

  • Every page prebuilt, so there is nothing to fall over
  • No database and no login to maintain or secure
  • Opens fast on a phone, which is where lessons get booked
  • Motion that switches off for anyone who asks for less

Change a price once, everywhere follows

Credits, pricing plans, career timeline, performance videos, session points, FAQs and contact details all live in a single content module. Pages import and render; they hold no copy of their own. "Change the price" is a one-line edit that moves the page, the schema, and the AI brief together.

  • One place to edit, everywhere updates
  • A price change moves the page and the search data together
  • The FAQ on the page is the FAQ a search engine reads
  • Nothing is written down twice, so nothing contradicts

A form that fails honestly

Every enquiry is checked before it is accepted and screened for spam. If mail delivery is ever misconfigured the form does not swallow the message behind a thank-you screen; it says so and points the visitor at Jon directly. His email, phone and Instagram stay on the page regardless, because a student who wants a lesson should never be one broken form away from giving up.

  • A delivery problem is admitted, not hidden
  • Contact details visible on the page at all times
  • Spam screened out with no captcha for real people
  • Nobody is ever left at a dead end

Asked about Jon, an AI gets it right

People increasingly ask an assistant who someone is rather than searching for them. So the site states, in the form those systems read directly, that Jon is a drummer, who he has played with, what he teaches and what it costs. All of it is generated from the visible page, and anything he has not confirmed is left out rather than guessed, because a machine will quote it back as fact.

  • His identity and credits published in machine-readable form
  • The answers a search engine quotes are the ones on the page
  • AI assistants explicitly allowed to read the site
  • A branded preview whenever a link is shared
Key decisions

Why we built it this way.

His likeness is never generated

Only one strong real photo of Jon exists, treated several ways. Everything else in the image set is deliberately atmospheric — cymbals, hardware, haze, brass texture. A personal brand built on a synthesised face is a brand built on a lie, and the rule is written into the project docs so it survives us.

Nothing published that he has not confirmed

AI assistants quote a site’s published facts back word for word, so a guessed lesson rate or opening hour becomes a wrong answer with Jon’s name on it. Anything unconfirmed is left out and listed openly as missing, and no star rating or review is published until real students have left one.

Videos that neither slow the page nor track you

Dropping half a dozen YouTube players onto a page makes every visitor download all of them and picks up third-party tracking cookies before anyone has pressed play. Each video is a still image until it is clicked, which keeps the page fast and keeps the tracking off it, at the cost of one extra click nobody notices.

One accent, held under pressure

A single brass accent against near-black and bone. The temptation on a music site is a second colour for energy; resisting it is what makes the design read as a tour programme instead of a template. The token file says so explicitly.

Built with

Technology stack.

Next.js 16React 19TypeScriptTailwind CSS v4MotionZodServer ActionsResendschema.org JSON-LDllms.txtVercelBricolage GrotesqueHanken Grotesk
See it live

Visit Jon Finnigan.

Take a look at the live site — or tell us about a personal brand of your own that deserves a site with a point of view.