Skip to content

Sheet01 / 05 · Summary

AvailabilityAvailable now · Contract or permanent · Remote or hybrid, UK

BasedHamilton, Scotland · Remote / hybrid · UK

ToggleFull detail, not Receipts

Curriculum Vitae · Lead Developer & Design Systems Architect

Craig Hawkes

I build the system, the product that sits on top of it, and the gates that hold both to whatever I claimed. Eight years running my own studio, and a payment platform migrated without it going down.

Fifteen years across development and design, and it's the code that came first. I work in React, Next.js, TypeScript and .NET. I've built a 117-component enterprise design system on my own and gated its accessibility claim with tests rather than asserting it in a README, then delivered live Fiserv payment infrastructure on a PCI-DSS estate with mobile payments up 80% from launch. Six years as a qualified print and digital designer sits in the middle, trained separately. Nothing on this page is an assertion.

  • 117Components shipped
  • 0Axe violations
  • 80%Rise in mobile payments
  • 50+Clients delivered

Five people in my family and I'm the only one who isn't dyslexic. Mum, dad, both my sisters. That's why I check the contrast rather than claim it.

Sheet02 / 05 · Experience

Roles4 featured · 2 earlier

ScanOne line each with the toggle off

FullBullets appear with Full detail on

02 · Experience

Where I've worked, and what it proves.

BPO Collections Ltd

Full Stack Developer

Sept 2025 - Apr 2026 · Contract

Rebuilt the payment flow on Fiserv and led the platform's migration off legacy ASP.NET onto typed Next.js, with the estate trading throughout.

80% more mobile payments since launch

  • 70% of that increase came through Apple Pay, across both single and continuous payments, on a Fiserv integration built end to end.
  • Reduced a four-screen payment flow to one interaction with no loss of compliance coverage, worth roughly £500,000 a month more through the platform.
  • Migrated off ASP.NET with a PCI-DSS estate of 97+ stored procedures live throughout. The platform never came down.
  • Planned and ran the production cutover: three runbooks split by server to enforce ordering, and a backout procedure written before deployment rather than during it.

Next.js · TypeScript · ASP.NET · SQL Server · Fiserv

inclusive.io

Co-founder & Design Systems Engineer

Feb 2024 - Present · Part Time / Co-Founder

An enterprise design system and the applicant tracking product built on top of it, delivered single-handedly, with the accessibility claim enforced by gates rather than asserted in a document.

117 components · 26 ATS workflows · 0 axe violations · Solo build

  • Every component ships with a unit test, a Storybook story and a documentation page, and all of it was delivered solo across two full rebuilds.
  • Took a WCAG 2.2 AAA claim from an assertion to a register: 4 criteria enforced by test, 13 met, 3 exceptions published, 0 outstanding. 0 axe violations across 174 routes.
  • Ran the build to a documented seven-phase framework, and produced 47 supporting documents. 18 research papers, 3 audit reports and a 14-document handover pack.
  • Built with agent tooling throughout, held to the same gates as any other contributor. Rules and MCP servers live in the repo, and nothing merges unread.

React · Next.js · TypeScript · Tailwind · HeroUI · React Aria · Turborepo

DesignBuddy UK

Founder & Full-Stack Developer

Oct 2017 - Present · Business

Founded and still run an independent studio, taking clients from the first conversation through to deployment and the support that follows it.

8+ years · 50+ clients

  • Build and ship production front ends in React, Next.js and Tailwind, plus custom WordPress themes, Shopify storefronts and PHP back ends.
  • Take clients from first conversation through to deployment and post-launch support, rather than handing off at the design file.

React · Next.js · TypeScript · Tailwind · Shopify · WordPress · PHP

Paul McFadden Wealth

Head of Web

Dec 2022 - Jan 2024 · Full Time

Ran the web department for a property education group and the partner businesses selling alongside it, with every funnel, course platform and event page in the group coming through the team.

  • Personally accountable for over £10m of revenue generated through the direct web funnels and event pages the department ran.
  • Hired three of the team and co-managed the seven: five videographers, a junior web designer and a social media intern.
  • Built four course-launch platforms end to end in WordPress and custom PHP, including ClickFunnels and Klaviyo integration.
  • Shipped full-stack to WCAG accessibility standards, and rebuilt the campaign infrastructure: open rates up 60%, cold-outreach replies up 27%.

WordPress · PHP · JavaScript · HTML/CSS · Klaviyo · ClickFunnels

Earlier

TMD Media

Senior Web Designer

Aug - Dec 2022

Built conversion-focused sites and marketing systems across an agency client portfolio, three or four concurrently, to fixed deadlines.

  • Developed custom WordPress themes and plugins in PHP, moving clients off template-builder setups onto purpose-built front ends.

NOVAVAPES

Graphic Designer

Oct 2016 - Sept 2022

Sole designer for six years as the company scaled from startup to established brand, owning every surface from packaging to the e-commerce storefront.

  • Designed and maintained the e-commerce storefront and product catalogues alongside the full brand system.
  • Recruited and developed an apprentice from junior to running the social channel outright.

Sheet03 / 05 · Selected work

Count2

RuleNothing listed that cannot be opened

Sourcesrc/data/cv.ts

03 · Selected work

Four things, and where to go and check them.

  • inclusive.io Design System

    V1 core on npm as @hawkbass/inclusive-design-core under MIT, with exports, types and client directives checked against the built tarballs.

  • Quoin: a baseline grid engine for the web

    Fits a design to a baseline grid before the CSS is written, and corrects a page that has already rendered when there is one. Public, MIT, no dependencies. Benchmarked against nine design systems including my own, which came last and was published that way.

Sheet04 / 05 · Capabilities

Groups6

LensFull-Stack

No barsNobody ever learned anything from 78%

04 · Capabilities

What I do, grouped by what it is for.

Engineering

  • Next.js, TypeScript, Tailwind
  • Fiserv, Open Banking, PCI-DSS
  • ASP.NET modernisation

Release & platform

  • Git, GitHub Actions, CI/CD gates
  • Vercel, preview and production
  • Cutover and rollback runbooks

Design systems

  • W3C DTCG token architecture
  • OKLCH colour and component APIs
  • ATS domain workflows

Research & documentation

  • Seven-phase design system framework
  • Specification and handover packs
  • Standards read first-hand, not second

Accessibility

  • WCAG 2.2 AA gated, AAA where achievable
  • React Aria interaction patterns
  • axe-core and Playwright verification

Delivery

  • DesignBuddy: 50+ clients, 8+ years
  • Brand, web, and product builds
  • Discovery through launch

Sheet05 / 05 · Skills

Groups9

ShownFull detail only

RuleIf it is listed, I have shipped with it

05 · Skills

The stack, in full.

This section is the one that only exists with Full detail on, because a one-page scan does not need it and a full CV does.

Frontend Core

React · Next.js · TypeScript

Frameworks & Libraries

Angular · React Aria / React Stately · Radix UI

Design Systems

Design Tokens (W3C DTCG) · OKLCH Colour · Atomic Design

Release, CI/CD & Platform

Git · GitHub / GitHub Actions · CI/CD pipelines

Backend & Infrastructure

Node.js · ASP.NET (VB.NET & C#) · SQL Server / T-SQL

Testing & Accessibility

WCAG 2.2 (AA gated, AAA where it holds) · axe-core / jest-axe · Playwright

Research & Documentation

Technical documentation · Design system specification · Competitive and standards research

Design & Creative

UI/UX Design · Adobe Creative Suite · Brand Identity

AI & Agent Systems

LLM providers (OpenAI, Anthropic, Google) · Prompt & context design · MCP servers