Background

A digital Design System for Europe’s biggest construction project

The design system provides a unified set of guidelines, reusable components, and design standards that streamline the design and development process, ensuring consistency across all HS2’s digital products which includes SAAS solutions, Intranets and bespoke applications built on various technologies.

I designed, built, procuced all content and maintained the system.

Visit website →

Skills

  • UX/UI Design
  • Component/Pattern Libraries
  • Figma/Sketch Repositories
  • Front-End Development
  • Azure Development
  • Accessibility
  • Content Design

Deliverables

Digital Design System consisting of:

  • Design Principles
  • Design Toolkit
  • Style, Component and Pattern Libraries
  • Design Templates
  • Service Design Toolkit (for end-to-end services)
  • Application Design Toolkit (for custom applications)
  • Guidance for SAAS tools
  • Accessibility Guidance

Outcomes

  • Full Digital Design System based on .Gov.uk standards
  • Full system for end-to-end services
  • Full system for applications
  • Streamlined UX/UI
  • Compliance and guidance for developers
  • Prototype kit utilised by suppliers
  • Data Visualisation and User Research Guidance

  • Custom Applications

  • Example UI

  • Application templates

Other projects

HS2 – PowerApps

Designing a bespoke risk management application

HS2 – Safetibase

Designing a bespoke risk management application

HS2 – IMS

The A to Z of HS2's governing information on why we are here, what we do and how we do it

HS2 – Accessibility Hub

A campaign to increase accessibility awareness across the organisation

HS2 – IT Communications

Enhancing IT Communication across the wider business