← Portfolio
Download PDF
Tailor for
DesignEngineeringFull-Stack

Curriculum Vitae

Craig Hawkes

Design Systems Architect & UI Engineer

Accessible design systems, built and documented to production standard.

Open to permanent, contract & freelance

Glasgow, ScotlandRemote / hybrid · UKcraig_hawkes@hotmail.co.uk+44 7481961703craighawkes.devLinkedInGitHub
107Components shipped
86/86WCAG 2.2 AAA
26ATS workflows
3-TierW3C DTCG tokens

01Summary

Design systems architect who ships to production standard, not prototype standard. Sole creator of a 107-component enterprise library that meets all 86 WCAG 2.2 AAA criteria, built on a three-tier OKLCH token system and React Aria. A background spanning graphic design and engineering means the system holds up in production as well as it reads in the design file.

Founder of DesignBuddy since 2017, delivering brand, web and product for 50+ clients. Treats design as a business decision rather than decoration, and holds production work to a standard worth handing over.

02Experience

BPO Collections Ltd

Sept 2025 - Present

Full Stack DeveloperContract

4→1 screen payment flow

Reduced a four-screen payment flow to a single interaction and led the platform's migration from legacy ASP.NET to typed Next.js.

  • Reduced a four-screen payment flow to a single interaction with no loss of compliance coverage.
  • Integrated the Fiserv gateway end to end across card processing, tokenisation and digital wallets, secured with an HMAC-SHA256 authentication layer.
  • Built store-ID routing for multi-merchant transactions and integrated 3D Secure into the payment path.
  • Consolidated Open Banking, Direct Debit and bank validation into a single flow.

inclusive.io

Feb 2024 - Present

Lead User Interface DesignerFull Time / Co-Founder

107 components · 26 ATS workflows · 86/86 WCAG AAA · Solo build

Designed, built and shipped an enterprise ATS design system single-handedly: 107 components, 26 workflows and all 86 WCAG 2.2 AAA criteria across two full rebuilds.

  • Delivered 107 production components single-handedly across two full rebuilds.
  • Met all 86 WCAG 2.2 AAA criteria using React Aria interaction patterns.
  • Architected a three-tier W3C DTCG token system in OKLCH, responsive from 280px to 5K.
  • Built 26 ATS domain components across pipelines, scorecards, schedulers and analytics, informed by analysis of 15+ libraries and 10 enterprise systems.

DesignBuddy UK

Oct 2017 - Present

Lead Designer + FounderBusiness

8+ years · 50+ clients

Founded and scaled a design consultancy, delivering brand and build for 50+ clients over 8+ years.

  • Delivered end to end for 50+ clients over 8+ years, from discovery to launch.
  • Built production sites in React, Tailwind, headless WordPress and Shopify.
  • Ran national advertising campaigns and local event marketing.
  • Led branding strategy and pitched winning proposals.

Paul McFadden Wealth

Dec 2022 - Jan 2024

Lead Web DesignerFull Time

Owned design across web, email and content for a property-education company, running multiple high-value projects in parallel.

  • Built a scalable atomic design system spanning web, email and courseware.
  • Delivered full-stack work to WCAG accessibility standards.
  • Improved email performance through optimised ClickFunnels and Klaviyo campaigns.
  • Owned content strategy across courses, video and marketing.

Earlier

TMD Media

Aug - Dec 2022

Senior Web DesignerFull Time

Led conversion-focused web and marketing delivery across an agency client portfolio, on deadline.

  • Delivered full website builds and marketing funnels at agency pace.
  • Built custom WordPress themes and plugins.

NOVAVAPES

Oct 2016 - Sept 2022

Graphic DesignerFull Time

Owned brand identity for six years as the company scaled from startup to established market presence.

  • Owned brand identity across all channels through six years of company growth.
  • Delivered packaging, catalogue, trade-show, e-commerce and marketing design.

03Selected Work

inclusive.io Design System

Enterprise component library for Applicant Tracking Systems. 107 components, 26 workflows and all 86 WCAG 2.2 AAA criteria, built solo across two full rebuilds on a three-tier OKLCH token system.

craighawkes.dev

Payment infrastructure, BPO Collections

Fiserv gateway integration across card processing, tokenisation, 3D Secure and Open Banking on a PCI-DSS database. Four-screen payment flow reduced to a single interaction.

prelight, A layout linter for translated UI

A layout linter that catches translated UI overflow before the browser renders it. 440 tests passing, 98.81% agreement with Chromium, sub-millisecond runs.

GitHub