Jamie Champkin

The brief

Jamie Champkin is a specialist motorsport lawyer with no website. He needed a clear, trustworthy home on the web that explained what he does, showed who he is and what it costs, and sent visitors straight into booking a call. Legal services usually feel slow, vague on price, and hard to start. The brief was the opposite: prices on the page, an obvious booking flow, and copy that proves the credentials in seconds.

What we did

• One-page site with a clear section flow: hero, practice areas, why Champkin with key stats, two service cards with fixed prices, what a contract covers, credential timeline, how it works in four steps, then booking
• Two fixed-price service cards with full inclusions: a £250 consultation and a £3,000 contract review, both clearly scoped
• Inline Calendly booking with a tab switcher so visitors can see availability for either service in the same panel
• Confirmed Calendly slots redirect the customer straight to the matching Shopify product to pay, no separate buy step on the site
• OpenGraph and Twitter metadata with a branded 1200 by 630 share image, so the link previews correctly in WhatsApp, iMessage, and Slack
• Custom brand tokens (deep forest green and cream), editorial typography in Lora throughout, mobile-first layout with the hero image reordered on phones for impact
• Deployed to the live domain with canonical URL, descriptive title and meta, semantic headings

The numbers

Gallery

What we said no to

• Multiple pages. For one specialist with two products, more pages means more places to drop off and more to keep current.
• Payment code on the site. Calendly handles the slot and the user is redirected to an existing Shopify store for payment. Fewer moving parts, less to break.
• A generic component library. The design is hand-built from Figma so the type, spacing, and shapes match exactly.
• A testimonials section at launch. There were no real testimonials yet and placeholder quotes would damage trust on a legal site.

Common questions

• Can a one-page website take bookings and payments?

  Yes. For motorsport lawyer Jamie Champkin we built a single-page site with inline Calendly booking, and once a slot is confirmed the customer is redirected straight to the matching Shopify product to pay, with no separate buy step on the site. Calendly takes the slot and Shopify takes the money, automatically.

• How do you build a website for a lawyer that shows prices upfront?

  We put the prices directly on the page. Jamie Champkin's site has two fixed-price service cards, a £250 consultation and a £3,000 contract review, both clearly scoped with full inclusions. Legal services usually feel vague on price, so the brief was the opposite: costs on the page and an obvious booking flow.

• How quickly can you design and launch a simple site?

  This one went from nothing to live in a single session. Jamie Champkin's one-page site was designed, built, and deployed to the real domain in one day, with a canonical URL, descriptive title and meta, and semantic headings.

• Why build a one-page site instead of a multi-page one?

  For one specialist with two products, more pages means more places to drop off and more to keep current. Jamie Champkin's single page runs a clear section flow from hero and practice areas through fixed-price service cards and a credential timeline to booking, all hand-built from Figma so the type, spacing, and shapes match exactly.

• Will the link preview properly when shared on WhatsApp or LinkedIn?

  Yes. We added OpenGraph and Twitter metadata with a branded 1200 by 630 share image, so Jamie Champkin's link previews correctly in WhatsApp, iMessage, and Slack. The share image is designed, not a cropped screenshot.

Stack

• Next.js 16 (App Router)
• TypeScript
• Tailwind CSS v4
• Lora via next/font
• Lucide icons
• Calendly inline embed
• Shopify (external, for payment)
• Vercel