A presentation at WordPress Birmingham by Ben Everard
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
In this talk, we take a look at the process of designing and building products for the NHS during the Covid-19 outbreak, how the NHS Service Manual and WordPress enabled us to deliver quickly, and what we lessons were during the process.
for free. You
can too.