How we used the NHS Service Manual and WordPress to build essential products for the NHS during the Covid-19 outbreak.

Building essential products for the NHS with WordPress B E N E V E R A R D

Patient Webinars

Patient Webinars • Homegrown website • Built on WordPress.com • Typical public sector issues • Replace existing website • Modest budget • What design approach should we take?

NHS Digital Service Manual • Companion to GOV.UK service manual • Design system • Accessible • Consistent • Considered • Resources provided

Figma Templates

Prebuilt Components

HTML Components • HTML + Nunjucks • NPM package

Components ⬇ Blocks ⬇ Gutenberg

Template Blocks ➡

Gutenberg • Fast block development • Creation • Testing • Deployment • Maintenance • “Infinite” content possibilities • Empower the client

Issues • Reusable block “template” would be useful • Editor styling is problematic • Styles bleed into WordPress UI • No way to exclude admin components from site styles • No block context available when modifying responsive image attributes

Tooling + • Fast block development • No React / JavaScript needed • Modern MVC framework • Similar to Laravel / Symfony • Separate logic and view • Fast website development

Covid-19

Thank you

Building essential products for the NHS with WordPress B E N E V E R A R D