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.
  • Experiments

    Experiment: 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.

    • Experiments

      Example: NHS design system, patient journey

      A patient checks their details and allergies, then chooses weekend meals and drinks. Built with NHS.UK frontend.

    • Experiments

      Example: 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.

    • Experiments

      Example: GOV.UK Design System, patient journey

      The same patient journey, built with GOV.UK Frontend to compare.

    • Experiments

      Example: GOV.UK Design System, ward staff journey

      The same ward staff journey, built with GOV.UK Frontend to compare.

    • Experiments

      Weekend 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.