Short case study · VitalHub UK · NHS operations

Designing the first screen the NHS opens under pressure.

I redesigned SHREWD Resilience around a Whole System Overview Dial: one view of a whole health system, and a clear route from a warning to the evidence behind it.

The Whole System Overview Dial for Kent and Medway with the 999 service selected
LIVE INTERFACE · KENT & MEDWAY
Role

UX / UI Designer

Team

1 designer (me), 3 engineers, product owner, NHS operational stakeholders

Duration

6 months, discovery to release

Scope

Research, interaction design, UI, design system, testing, handoff, design QA

Platform

Web dashboard for desktop and large control-room screens

68%+

of the NHS in England covered by SHREWD, as reported by VitalHub*

1,100+

NHS providers on the wider SHREWD platform*

Sky News

Featured in national coverage of NHS pressure. Watch the footage ↗

7 hrs

saved every week across NHS Devon’s ICB and partners, reported in 2026*

Before and after

Same product, same data. A different first question.

Before: Kent and Medway Overview filtered to Emergency Care only After: the Whole System Overview Dial showing every service at once

← Drag to compareBefore: reconstructed with example data · After: live interface, account details masked

01 · Problem

Pressure rarely stays in one place. The dashboard did.

A slow discharge keeps a bed occupied. That blocks an admission, which backs up the emergency department, which delays ambulance handovers outside the front door. NHS teams need to see that chain, often in the few minutes before a system call.

01

Ambulance

Arrival and handover

02

Emergency

Assessment and waits

03

Admissions

Beds and wards

04 · BLOCKED

Discharges

Flow out of hospital

05

Community

Capacity after hospital

The original dashboard answered a narrower question: how is this one service doing? Imagine a site manager before the morning call. Pick Emergency Care. Open the filter. Switch to Community Care, and the emergency view is gone. Switch again, and again. Step through it:

{{j.alt}}

{{jc}}

{{jn}}

The original filter-based workflow, reconstructed in the current interface with example data.

“Where is pressure building across the whole system, and why?”

02 · Research

“A helicopter view of the whole system.”

That phrase came up again and again in NHS operational feedback, conversations with site and system leads, workflow observation, support themes, and task-based testing with internal users (many former NHS staff) and NHS operational users. Two groups shared one screen for different reasons:

Site and bed managers

Need the exact measure and site behind a warning, and the facts for the next call.

System and control-centre leaders

Need the shape of the whole system first, to coordinate escalation and mutual aid.

People scan before they read

The first screen has to orient. Detail can wait one click.

Red starts a question

A status says where to look. It must lead to the measure behind it.

Freshness builds trust

Feeds update at different times. People need to see how current each figure is.

03 · Key decision

A dial for orientation. Tables for precision.

I explored three ways to represent the same system. The decision was never “a circle”. It was separating recognition from investigation, and giving each its best form.

OPTION A

Table

Exact values, but row-by-row scanning to see how services connect.

OPTION B

Map

Strong for geography, weak for relationships inside one system.

CHOSEN

Dial + tables

Every care area in one view for recognition, with exact tables beside it for investigation. A circle can’t explain a number, so it never has to.

Black · critical Red · high Amber · rising Green · normal

Status is never colour alone: every segment is labelled, every chip shows its value, neutral cells carry a corner status marker, and indicator details name each trigger level.

04 · Solution

From seeing pressure to the evidence behind it.

The dial stays in view while the panel beside it changes. Four states take a user from a warning to its history without losing the wider picture.

{{s.alt}}

Live SHREWD Resilience, Kent & Medway. Account details masked.

05 · Iteration

Testing changed the details that build trust.

How I tested
01

Internal users

VitalHub colleagues, many of whom had worked in NHS operations. Fast, early rounds on the clickable prototype.

02

NHS operational users

Site, bed and system leads who use SHREWD every day, confirming it worked in their real workflows.

Internal rounds set direction. Decisions were only locked once NHS users confirmed them.

Same four tasks every session
  1. Find the most pressured service in the system
  2. Explain why that service is red
  3. Check whether the problem is new or ongoing
  4. Switch to another site and compare

Think-aloud, task-based. What people struggled with became the changes below.

What we heard → what changed

Amber and red were hard to tell apart on bright control-room screens

→

Stronger status contrast, with labels, values and corner status markers

“Is this live?” came up again and again

→

An update time on every indicator and a refresh control on every panel

Moving between hospitals took too many steps

→

Mini site dials under the overview for one-click switching

The trade-off. A continuously animated “live” dial looked impressive, but it implied every feed was equally current. Honest update times were less flashy and more trustworthy. I’d make the same call again.

06 · The dial under pressure

The layout stays still. The pressure tells the story.

NHS England asked for example SHREWD OPEL screens for winter-planning exercises with every integrated care system, and later for training. I mocked up a small, medium and large system at three pressure levels. The values are fictional; the rules are the live product’s.

{{im.alt}}
{{ccap}}
Area 1 · Small system

{{st}}

{{sp}}

{{o.k}}{{o.v}}

{{sq}}

Fictional example values requested by NHS England for planning and training. Not live national performance data.

07 · Impact

A shared first view at national scale.

Users moved from filtering through services one at a time to starting with the whole system and following a direct path into the measures behind a status. The same pattern runs across differently configured systems, from Kent & Medway to Ayrshire & Arran.

VitalHub reports SHREWD Resilience is deployed across more than 68% of the NHS in England, on a platform used by over 1,100 NHS providers. In 2026, NHS Surrey Heartlands named it the core system for operational oversight across its ICB and every NHS-funded provider, and it is also used by Sussex ICB and by the System Coordination Centre in Mid and South Essex.

What it changed at NHS Devon (reported 2026)
7 hours saved every week across the ICB and its system partners.
3.5 hours saved per meeting, every week.
£55,801 a year in reported cost savings.
No more reading figures out on calls. Teams now look at the same live data together, shared by the Devon ICS project team, and raise fewer support questions.
How I know it worked
Trusted nationally. NHS England asked for SHREWD OPEL screens to run winter planning with every integrated care system, then training.
Adopted as one pattern. The same dial runs across differently configured systems, from Kent & Medway to Ayrshire & Arran, without a redesign each time.
Seen publicly. SHREWD featured in Sky News coverage of NHS pressure ↗.
Built for a three-second read. VitalHub describes Resilience as showing pressure across a whole system in about three seconds, with the reason a few clicks away. That is exactly the job the dial was designed to do.
Confirmed in testing. Users found the most pressured service and explained a red status without switching views.

These are outcomes for SHREWD Resilience as a product, not a controlled measure of the dial on its own. I present them as the context my work lives in, not as my personal result.

What I’d measure next
  1. Time to identify the most pressured service
  2. Success explaining the measure behind a red status
  3. Which segments people open, and how often they check history before acting

Reflection

The dial answers “where should I look?” The detail beside it answers “why?”

SHREWD never lacked data. The value came from designing around the decision people need to make, not the data source, in one pattern that holds up across very different NHS environments.

Read the full case study, with principles, anatomy, timeline and the developer handover →

*Reach figures are reported by VitalHub for the SHREWD platform. NHS Devon figures are customer-reported results for SHREWD Resilience, published in 2026. The three-second description comes from VitalHub’s 2022 Resilience announcements. Surrey Heartlands and Sussex use is from an NHS contract notice (January 2026); Mid and South Essex from its board papers (September 2024). None of these are presented as outcomes of this redesign alone. Live screenshots show real NHS system configurations with account details masked. The “before” screens are reconstructed with example data; NHS England example screens use fictional data.

The full case study is password protected. Ask me for the password and I’ll send it over.