Skip to main content
← Back to Projects
Energy / Industrial IoT

Redesigning the Digital Backbone of Substation Maintenance

Field research, expert sessions, and a redesign built around how substation engineers actually assess risk.

Role
Senior UX Designer
Duration
8 months
Tools
Figma + NEXT Design System
Scope
4 modules
Redesigning the Digital Backbone of Substation Maintenance

Challenge

RelCare is Hitachi Energy's digital platform for managing the maintenance of power substation assets like transformers, circuit breakers, and protective relays. The existing interface presented dense engineering data in flat, scrollable card layouts with no hierarchy. Field engineers and maintenance managers struggled to quickly identify which assets needed attention, buried under screens of raw characteristics and void values.

Solution

Through user interviews and deep domain expert collaboration, I uncovered the hierarchical mental model engineers actually use: asset to subsystem to characteristic. This insight transformed the entire design direction, replacing flat data grids with a drill-down architecture, from health monitoring through field maintenance execution.

50+
Characteristics per asset that engineers needed to scan across subsystems
2
Core modules redesigned: Health Score, Asset Management
12+
User interviews and camera recordings with engineers and maintenance teams
01 · Context

A platform that keeps the lights on

RelCare is Hitachi Energy's digital platform for managing power substation maintenance: transformers, circuit breakers, protective relays. The kind of infrastructure where a missed warning can black out a city.

The platform covers four steps: risk monitoring, maintenance engineering, maintenance planning, and maintenance execution. Users are field engineers and asset managers working under time pressure across remote installations, who need the right information surfaced fast.

RelCare platform displayed on a tablet showing the map view with risk matrix overlay for substation installations
RelCare platform displayed on a tablet showing the map view with risk matrix overlay for substation installations
02 · Research

Understanding engineers from a distance

Users are spread across substations in different geographies. We combined two research approaches: user interviews with engineers, maintenance managers, and field leads, and camera recordings of engineers carrying out actual maintenance on-site, capturing how they physically moved between assets, referenced paper checklists, and made decisions in context.

Seeing the real workflow (not a recalled version of it) surfaced insights that interviews alone never would. We supplemented these with domain expert sessions with engineers who had spent decades in the field.

You can't just show someone a list of numbers and expect them to understand what's happening inside a transformer. They need to see the story the data is telling — which subsystem is degrading, how fast, and what it means for the next maintenance window.
Domain Expert, Substation Engineering (20+ years)
Persona of a substation maintenance engineer showing responsibilities, motivations, pain points, and device usage

Key findings

Four problems surfaced consistently, each a gap between how the interface presented data and how engineers actually think.

Flat data vs. hierarchical thinking
Engineers think in hierarchies: asset, subsystem, characteristic. The interface showed everything at the same level, forcing users to mentally reconstruct the structure.
Void values overwhelming real signals
Most characteristics showed null values for any given asset type. Engineers had to visually filter dozens of irrelevant fields to find the 6-8 that actually mattered.
No subsystem-level summary
There was no way to see "the mechanical subsystem is degrading" at a glance. Users had to scan every individual characteristic and synthesize the pattern themselves.
Horizontal scroll hiding critical data
Subsystem cards extended off-screen to the right. Engineers couldn't see all subsystems simultaneously, breaking their ability to compare and prioritize.

From requirements to task flows

We translated dense functional requirement documents into user-centered task flows, restructuring technical specifications around what engineers actually need to do.

Side-by-side comparison showing raw functional requirement documents on the left transformed into user-centered task flows on the right
Side-by-side comparison showing raw functional requirement documents on the left transformed into user-centered task flows on the right
03 · The Problem

A flat interface for hierarchical thinking

The existing Health Score interface presented all 50+ characteristics at the same visual level: no hierarchy, no summary, no way to scan. Subsystem cards extended off-screen to the right. Most values were null for any given asset type, burying the 6–8 that actually mattered under a wall of irrelevant fields.

Engineers had built their own workaround: mentally grouping data by subsystem before they could even begin assessing an asset. The interface was making them do the structure's job.

The existing Health Score interface showing a flat horizontal layout of cards grouped by subsystem, all displaying null values with no visual hierarchy
The existing Health Score interface showing a flat horizontal layout of cards grouped by subsystem, all displaying null values with no visual hierarchy
I don't look at 50 numbers. I look at six subsystems. If one is red, I go deeper into it. If they're all green, I move on to the next asset. That's how every experienced engineer works.
Senior Substation Engineer, Domain Expert Session
04 · Design Exploration

From mental model to interface

The challenge: preserve the simplicity of "six subsystems, drill deeper when needed" while handling 50+ characteristics per asset.

01

Layout restructuring

Establishing the core information hierarchy. Top section for overall health score with gauge, trend chart, and recommendation count. Bottom section for subsystem breakdown with drill-down capability. This was the first wireframe to reflect the hierarchical structure engineers described in research.

02

Tree view exploration

Testing a tree-based navigation pattern for the subsystem hierarchy. Left panel shows expandable subsystem nodes with health scores. Right panel shows characteristic details for the selected subsystem. This directly mirrors how engineers mentally navigate from asset to subsystem to characteristic.

03

Data density refinement

We tested the tree view against real asset data to find its density limits. Each characteristic row gained sparkline trends, quality indicators, and recommendation badges. The question was whether the layout could hold up at 50+ characteristics without becoming what we were trying to replace.

05 · Design Details

The solutions, in detail

Three modules, each requiring a different kind of design thinking.

Health Score: Summary panels + subsystem drill-down

Replaced flat cards with a split layout: subsystem list on the left with color-coded health scores, characteristic details on the right. Engineers scan six subsystems in seconds and drill deeper only when needed.

Health Score: Subsystem View

The redesigned Health Score page showing subsystem list on the left with color-coded health scores, and characteristic details on the right with individual scores, quality indicators, and trend sparklines.

Health Score: Tree View

Hierarchical tree view showing the full breakdown from asset to subsystem to individual characteristics, with expandable nodes and inline status indicators.

Asset detail: Progressive disclosure at scale

Asset detail pages manage 50+ characteristics across General, Assessment, Auxiliary, Rating, and Data Sheet categories. The old interface showed everything at once.

The redesign introduced collapsible accordion sections. Engineers land on five clean headers and expand only what they need. Each section adapts its layout to the content type: key-value grids for General, deviation flags for Assessment, dropdown selects for Data Sheet.

Asset Detail: Collapsed Overview

Clean starting state with five collapsible sections. Engineers see the full structure at a glance and expand only what they need, without wading through 50+ data fields at once.

Asset Detail: General Section Expanded

The General section expanded showing a two-column key-value layout with an image gallery sidebar. Other sections remain collapsed, keeping the page focused.

I can see the health of all six subsystems at once. Before, I had to scroll through everything and build the picture myself.
Domain Expert, Validation Session
06 · Transformation

Before and after

Before: Flat card layout
The existing Health Score interface showing a flat horizontal layout of cards with no visual hierarchy
  • All 50+ characteristics at the same visual level
  • Horizontal scrolling required to see all subsystems
  • No subsystem-level health summary
  • Null values creating visual noise everywhere
After: Hierarchical drill-down
The redesigned Health Score showing subsystem list with color-coded scores on the left and characteristic detail on the right
  • All six subsystems scored at a glance: Dielectric, Mechanical, Earthing, Electrical Operations, Assessment, Accessories
  • Drill-down from subsystem to characteristics
  • Color-coded health scores for instant scanning
  • Trend sparklines showing health trajectory
07 · Results

Validation and impact

Validated through structured usability sessions with 4 of the engineers interviewed during discovery. The same people who'd described the problems, now evaluating whether the designs solved them.

~70%
Assessment time reduction
From ~3 minutes to under 1 minute to identify the highest-risk subsystem, measured across validation sessions
100%
Task success rate
4/4 engineers completed all key assessment tasks without assistance in structured usability sessions
4
Engineers in validation
Field engineers and domain experts in structured walkthroughs, spanning multiple geographies and roles
"The subsystem view is exactly how we think about assets. This is the first interface that doesn't force us to reorganize the data mentally."
"The old interface was technically complete — it showed all the data. But showing all the data and showing the right data first are very different things."
"I've used the previous version for three years. This is the first time I felt like the tool was built by someone who understood how we actually work."
The interface finally matched the way the work actually gets done. Engineers stopped asking us to explain the layout. They just used it.
Product Manager, RelCare

Key improvements

  • Engineers can assess all six subsystems in a single view. No horizontal scrolling, no mental reconstruction.
  • The subsystem-to-characteristic structure replaced flat cards, aligning the interface with how engineers already think about assets.
  • Collapsible sections replaced the all-at-once data dump. Engineers expand only what they need.
  • The tree view filters out null fields, surfacing only the characteristics that matter for each subsystem.
08 · Reflection

What I learned

Analysing camera recordings of engineers doing actual maintenance, combined with interviews and expert sessions, gave us depth we couldn't have reached any other way. The recordings showed what engineers did, not what they remembered doing. That gap matters more than you'd think.

The most valuable insight surfaced during a collaborative working session, not a formal interview. A domain expert talking through the problem unprompted gave us the hierarchy model that shaped everything. Good research conditions matter as much as good questions.

Designing across both modules meant the same mental model (asset to subsystem to characteristic) ran consistently from Health Score through to Asset Detail. That consistency didn't happen by accident. Fragmented ownership is usually where it breaks down.