Back to all work
Case 03 · Pharma manufacturing · 2024–2026

A factory floor doesn't pause for design.

Redesigning the manufacturing performance system for a Tier-1 pharmaceutical operation — eight surfaces, four roles, thirteen languages, and a reason taxonomy four levels deep. The brief was to absorb operational complexity without flattening it.

Client Tier-1 pharmaceutical manufacturer
Role Lead product designer
Timeline 18 months · multi-site rollout
Industry Pharma MES · regulated manufacturing
WPM v2 — Main View with Production, Lot RTE, Sequence of Events and Downtimes table
WPM v2 · Main view — Production, Lot RTE, Sequence of Events and Downtimes
Context

A monitoring system for continuous production.

The platform — referred to here as WPM — is the Manufacturing Execution System (MES) that operators, supervisors and engineers rely on to monitor, classify and correct production performance in real time. It sits behind every Tier 0, Tier 2 and Tier 3 daily management meeting, and behind every shift handover.

Before the redesign, WPM had grown by accretion. New event types, new reason codes, new metric variants and new admin toggles had been added one product cycle at a time, in twelve languages, by three teams. The cost was paid daily on the floor — in misclassified downtimes, in shift reports compiled by hand, in engineers correcting last week's data because no one knew where the correction lived.

  • Users
    Operators, shift supervisors, production managers, process engineers
  • Scale
    Multiple sites · packaging and batch lines · 24/7 operation
  • Languages in production
    13 — including zh-CN, zh-TW, ja, ko, ru, de, es, fr, it, nl, pt
  • Methodology context
    Lean Daily Management · Tier 0 / 2 / 3 meeting cadence
  • Core metrics
    RTE, OEE, Changeover performance, Shift output, Yield
  • Reason taxonomy
    4-level reason tree applied to DT, NPT and waste events
Discovery

Three roles, three tensions.

Field sessions across packaging and batch lines made one thing clear: WPM was being used by people whose immediate priority was never the screen. The redesign had to resolve a different tension for each role — without inventing new ones.

Operator
Working condition One glove off. Loud floor. Captures a downtime mid-event, sometimes after the fact. Six taps maximum before attention returns to the line.
Tension Speed against accuracy. Wrong reason codes propagate into shift reports and OEE for the rest of the week.
Shift supervisor
Working condition Reviews twelve to fifteen lines across one shift. Needs to know which line is in trouble before walking the floor — and where on the line the trouble sits.
Tension Oversight against depth. A single dashboard cannot show everything; an alert that means everything means nothing.
Process engineer
Working condition Reconstructs an event frame days after the fact. Splits a single misclassified hour into two distinct causes. Needs the audit trail intact.
Tension Correction against history. The system has to allow rewrites without destroying what was recorded the first time.
Synthesis

One principle ordered every surface that followed — density without noise. Every screen accumulates information; none demands interpretation.

Design principle · WPM v2
Solution

Four surfaces, one logic.

The redesign organised WPM around four anchor surfaces. Each one answers a different question — what is the line doing now, how well is it doing it, what went wrong, and where is the rest of the plant. The same visual grammar runs through all four, so moving between them never feels like changing tools.

WPM Admin — Product Configuration / Product Specifications

The three-second read.

The Main View opens with a single horizontal triad: the ANDON card states what the lot is doing, the Metric panel states how well it is doing it, and the Sequence of Events graph states what just happened.

The Metric panel shows one KPI at a time — selected from eight possible — because the alternative, a wall of small numbers, is what the redesign was hired to remove. The colour logic is consistent: the speedometer is green above target, red below; the trend arrow is green when rising, red when falling, grey when flat. No other colour carries meaning.

Components touched ANDON Card · Metric Panel · SoE graph · Event Frame state

A panel that concedes to expertise.

The Data Entry Tables panel is the most-used surface in WPM and the most demanding to design. Operators enter downtime data here; supervisors review it; engineers correct it. Three tables share one panel — Downtime & NPT events, Production data, Waste data — and the panel itself must support sort, filter, show/hide columns up to a maximum of ten, and a full-screen expand.

The redesign treats expertise as a feature, not a problem. Reason levels one through four are visible as table columns rather than buried in a nested drill-down. Sort is available on every column. Filtering hides what isn't needed without destroying the underlying data. The panel earns its density.

01

Four reason levels, four columns.

The reason tree had been a four-step modal in the previous version. As columns, the same four levels become scannable in a glance and sortable by any one of them. Hierarchy survives flattening.

02

Filter hides, never deletes.

Operators filter out closed events to reduce visual noise during a shift. The underlying records remain. Engineers reviewing the same line two days later see everything.

03

Expand instead of replace.

The full-screen expand is the same table, larger — not a different view with different affordances. Muscle memory survives the resize.

Editing without erasing.

The Split Downtime and Edit DT/NPT modals are where the engineer's tension — correction against history — gets resolved. Both flows operate on the same logic: the original event is preserved, the split or edit becomes a new record with provenance attached, and the audit trail explains why.

Split Downtime modal — Starting and Ending event frame sections
Split Downtime · auto-populated starting frame, configurable ending frame
Edit DT/NPT modal — fault code search, reason tree, comment
Edit DT/NPT · fault code search, 4-column reason table, mandatory comment

One screen, fifteen lines.

The Area Status page is the supervisor's surface. It renders one panel per configured line, each with the same six pieces of information — line name, lot number, velocity, status, yield, RTE — and one shared visual cue: the exclamation mark.

The exclamation appears when actual duration exceeds target, and only then. It is the single piece of escalation grammar in the system. A supervisor scanning the page knows, without reading any number, which lines need attention first. Clicking any panel drills directly into that line's Main View.

Administrator Settings — Step Configuration / Downtime Menu
Administrator Settings · the configuration layer behind every screen above

A system that configures itself.

Behind the four operational surfaces sits the Administrator layer — where reason taxonomies, ANDON thresholds, DT menus, step configurations and changeover matrices are defined. The principle that runs through the floor surfaces runs through here too: density without noise. A site admin in Puurs or Freiburg can configure thirteen languages, schedule downtimes against future event frames, and copy a step group from one line to another — without filing a ticket.

Outcome

Adopted across multiple sites. Translated into thirteen languages. Used every shift.

WPM v2 became the operational backbone for the client's daily management cadence — referenced in Tier 0 huddles, Tier 2 reviews and Tier 3 escalations. The redesign survived translation, multi-site rollout and the test that matters most: operators stopped working around it.

~30% Faster downtime capture Time-to-classify on the floor, measured against the previous version
13 Languages in production Including zh-CN, zh-TW, ja, ko, ru, de — translated without layout breakage
4 User roles served Operator, shift supervisor, production manager, process engineer
8 Configurable metrics RTE, OEE, Changeover, Shift output, Yield — shown one at a time

Want to see more of this project?

View in Figma
Client

Tier-1 pharmaceutical manufacturer
Regulated manufacturing
Multi-site, global

Studio team

Silvana Brandán
Lead product designer
+ 1 engineering partner

Client team

Process engineers
Plant IT
18-month rollout cadence

Year

2024 – 2026
18-month engagement
Deployed across multiple sites

The full visual system for WPM — tokens, components, applied screens.

This case study focuses on discovery, principles and the interaction model. The applied visual design — type scale, table density, ANDON state colours, the modal architecture — is documented separately.

View visual design