Isolation Points Reimagined

Managing hazardous energy sources across industrial facilities.

discovery
information achitecture
high fidelity prototyping
usability testing
UX copy
handoff
Context
Master Lock's cLOTO (Connected Lockout/Tagout) platform helps industrial teams safely shut down equipment before it can be serviced. To do so, hazardous energy sources, known as isolation points, must be blocked (locked out). I made the experience of managing isolation points more intuitive and accessible for factory workers.
End-to-end product design
8 months
Problem Space
user problem
Misalignment with field needs
  • Limited support for real-world conditions
  • Poor access to critical information
  • Inefficient workflows
Dark purple arrow pointing straight down.Right-pointing arrow icon.
business problem
Low conversion
  • Frequent drop-off after demos
  • Lack of confidence in product maturity
The Challenge

How might we make isolation point management mirror real-world field conditions while building customer confidence?

Person in black gloves holding smartphone over machinery in an industrial setting.

Impact

The following KPIs reflect the how the redesign improved the day-to-day work of EHS managers.
engagement
~50%
before
Right-pointing arrow icon.
~80%
after
30%
increase
Sales demo follow-up 50% → 80%
After the feature was released
usability
59
before
Right-pointing arrow icon.
85
after
SUS Scrore 59 → 85
From marginal to excellent
success
100%
Task Completion Rate: 100%
Across all participants
efficiency
170 sec
before
Right-pointing arrow icon.
124 sec
after
28%
faster
Avg Time on Task -28%
When adding isolation points

Mapping Pain Points to Workflow

Alpha testing revealed the distinct workflows and pain points of two key user types: managers and workers.

Pain Points

Limited Taxonomy

With only 3 isolation point types, it was impossible to match them to all real-world energy sources

Poor Recognition

Low confidence identifying the right isolation point without clear visual cues

Image Reliability

Images didn't always load in the field, making isolation points harder to identify.

Hard to Scan

Difficulty finding the right isolation point in long lists

Missing Context

Frustration over no access to critical isolation point information

Manager
Setup
Organize
  • assign hazardous energy type
  • add details and images
limited taxonomy
image reliability
Dark purple arrow pointing straight down.Right-pointing arrow icon.
Find
  • view database
  • sort and filter isolation points
  • identify associated data
hard to scan
Dark purple arrow pointing straight down.
Review
  • view lockout instructions
  • identify correct isolation point
missing context
Worker
Field Execution
Initiate
  • Start procedure
Dark purple arrow pointing straight down.Right-pointing arrow icon.
Identify
  • view database
  • sort and filter isolation points
  • identify associated data
limited taxonomy
poor recognition
Dark purple arrow pointing straight down.Right-pointing arrow icon.
Lock Out
  • follow lockout instructions
image reliability

Key Design Decisions

3 → 15 isolation point types

I worked with Sales and Product to define 15 field-aligned types, incorporating alpha user input. We also replaced confusing labels with terms more meaningful in the field.

addressed:
limited taxonomy
3 existing types
Dark purple arrow pointing straight down.Right-pointing arrow icon.
15 new types

Tryout

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Attention

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Chemical

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Computer

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Control Panel

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Gas

Mechanical

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Gravity

Electric

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Electrical

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Pneumatic

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Phone

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Product

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Remote Control

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Stored Pressure

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Steam

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Water

User-validated iconography

I ran a survey to identify the most recognizable symbol for each energy type, grounding the final icon set in user input.

addressed:
poor recognition
hard to scan
Dark purple arrow pointing straight down.Right-pointing arrow icon.

Familiar colors

I reviewed printed lockout procedures used across industrial facilities and adopted their established color conventions.

addressed:
poor recognition
hard to scan
Procedure Printout
Dark purple arrow pointing straight down.Right-pointing arrow icon.
Adopted Colors
Dropdown list for selecting energy types including Electrical, Gas, Water, Steam, Chemical, Pneumatic, and others.

Two views, different needs

Knowing EHS managers were accustomed to spreadsheets, I added a table view for quick scanning while preserving the image-forward card view for visual identification, allowing users to easily switch between the two.

addressed:
hard to scan

Dedicated detail page

List or card views couldn't accommodate all the critical information. I used Claude Code to explore the data model, leading to a full-page view for each isolation point.

addressed:
missing context
Data Model
Dark purple arrow pointing straight down.Right-pointing arrow icon.
Full Page

Optimized image handling

I set image size and quantity limits for reliable loading on unstable networks, then designed upload and display interactions around the lockout workflow, establishing reusable image patterns across the platform.

addressed:
image reliability

Iconography: User-Informed

I surveyed EHS managers on multiple symbol options for each energy type.
Scroll/swipe to explore
Right-pointing arrow icon
Survey introduction explaining feedback request on isolation point icons for MasterLock cLOTO solution.Safety question with icons: speaker, exclamation mark in circle, and exclamation mark in triangle.Survey question on control panel icons showing power button, button board, and gear cog options.Quiz question with chemical icons: atom structure and beaker with bubbles as options.Survey question with three hydraulic isolation point icon options and two additional answer choices.
Then I used Claude to synthesize responses and identify patterns that informed the final icon set.

Color: Accessibility vs. Recognition

I flagged that the familiar safety colors failed contrast requirements when used as text backgrounds and explored less saturated alternatives.
Dark purple arrow pointing straight down.Right-pointing arrow icon.
Sales and Product pushed back, noting that reduced saturation weakened the instant recognition workers relied on. Their feedback led to further explorations, landing on a solution that satisfied both priorities.
solution:

Accessible with bold field colors

Dark purple arrow pointing straight down.Right-pointing arrow icon.

Card: Intentional Layout

I explored multiple card layouts to ensure every piece of data, and its order, reflected managers' needs, then ran a quick Useberry A/B test to identify the clearest layout.
Original Card
Dark purple arrow pointing straight down.Right-pointing arrow icon.
Explorations
Dark purple arrow pointing straight down.Right-pointing arrow icon.
Final Design

Images: Icon vs. Thumbnail

I explored an image icon as the upload placeholder, but chose a thumbnail preview for faster recognition across image-heavy lockout steps.
Dark purple arrow pointing straight down.Right-pointing arrow icon.

Testing Assumptions

I ran 8 user interviews and 20 usability tests to evaluate isolation point flows within the broader equipment ecosystem, including layouts, key design decisions, and the clarity of labels and instructions.

Synthesizing Findings

I synthesized the findings into an affinity diagram that confirmed successful design decisions and revealed gaps in the experience.

Improvement: Magnitude & Kind

Testing identified magnitude and kind as critical isolation point properties missing from the original platform.
starting point:

Analyzing industry standards

UI screens showing dropdown menus with electrical voltage options and notes about sorting and labeling choices.
After studying the industry-standard approach, I redesigned the interaction to surface only relevant options based on the selected energy type.
next step:

Building the logic

I ended up with a flow that guided users without overwhelming them.
result:

Lean, purposeful interactions

Improvement: Language

Usability testing also helped address language inconsistencies and determine which terms were clearest to users.
example:

User-informed status labels

Deferred: Unmet Need

Ability to annotate images

Testing surfaced a need to highlight specific areas in equipment photos on mobile. I rapidly prototyped the flow with AI, but after reviewing it with Engineering and Product, we deferred it due to implementation effort and timeline

KPI's

The redesigned experience brought isolation point management in line with real-world needs while making it clearer and more efficient for users.

Customer engagement increased by 30%

Experience SUS score went from 59 to 85

100% task completion rate

Time on task decreased by 28%

Reusable Patterns

The image handling flows (uploading, viewing, placeholders) were documented as cross-platform guidelines.

Interaction specifications

I documented every interaction, state (loading, empty, error), condition, and edge case, leaving no room for developers or QA to second-guess intent.

Deeper Field Discovery

Magnitude and kind emerged during usability testing as another gap between the platform and real-world conditions. More field research upfront could have uncovered these domain-specific needs earlier and informed the initial design.