Industrial Excitement Labs
Help centres and content
Help content and services built to a content design system. Each demo opens in its own window, with the same display and accessibility settings as this page.
Try this first: the payments help centre.
A payments help centre
An interactive help centre for a payments operations team, built to my Content Design System. It takes one topic, card payment disputes, and shows it in 10 formats.
- Each format suits a different need. There is an article with steps, a process flow, questions and answers, a video, and a decision tree.
- Five more formats cover a troubleshooter, a glossary, a reference card, product updates, and a checklist.
- A Step by step walkthrough takes you through each article in a practice app, with one action in each step.
- An animated explainer shows how to respond to a chargeback in four steps, with a Cartesia voice-over and captions.
- Keystone is an invented product. The demo uses no real company names or logos.
ExperimentsExperiment: a payments help centre
An interactive help centre for a payments operations team, built to my Content Design System. It shows one topic, card payment disputes, in 10 formats. They include an article with steps, a process flow, questions and answers, a video, and a decision tree. There is also a troubleshooter, a glossary, a reference card, product updates, and a checklist. It uses an invented product, with no real company name or logo.
Ordering hospital meals, in the NHS design system
A service that lets hospital patients order their meals for a weekend. I built it to the National Health Service (NHS) design system, then again to the GOV.UK Design System to compare the two. Patients check their details and allergies, then choose breakfast, lunch, dinner and a snack. Ward staff add new patients to a bed.
Each example opens in its own window. The project plan holds the user journeys, the differences between the two design systems, and every decision.
ExperimentsExample: NHS design system, patient journey
A patient checks their details and allergies, then chooses weekend meals and drinks. Built with NHS.UK frontend.
ExperimentsExample: NHS design system, ward staff journey
Ward staff add a new patient to a bed. The previous patient's order goes with them, or is cancelled if they went home. Built with NHS.UK frontend.
ExperimentsExample: GOV.UK Design System, patient journey
The same patient journey, built with GOV.UK Frontend to compare.
ExperimentsExample: GOV.UK Design System, ward staff journey
The same ward staff journey, built with GOV.UK Frontend to compare.
ExperimentsWeekend meals: project plan and design record
The plan, user journeys with every error state, the differences between the NHS and GOV.UK design systems, and every decision, with a change log.