Product Design  ·  B2B SaaS  ·  Infrastructure AI

Designing trust
into a platform operators
feared to rely on

Pred4Infra monitors critical infrastructure using cyberphysical AI. The technology worked. The interface didn't earn the trust operators needed to act on it. I redesigned all five core modules from audit to handoff.

Company
Predulive Innovations Korea
My Role
Lead Product Designer
Timeline
12 weeks, Q4 2025
Scope
5 Modules, End-to-end
Redesigned Infrastructure Dashboard — 3D city map with zone-based asset overview
Infrastructure Dashboard — zone-based overview, defined severity, live status across 25 monitored assetsRedesigned
01
Situation

A disruptive product nobody trusted

Pred4Infra uses physics-informed neural networks, computer vision, LiDAR, and autoregressive AI to predict infrastructure failure before it happens. It monitors bridges, pipelines, dams, and industrial machinery — assets where failure isn't a bug report, it's a disaster.

The platform was technically ahead of every competitor. But it had been built engineer-first. Operators were ignoring alerts, misreading visualisations, and overriding AI recommendations out of habit, not evidence.

Operations live structural monitoring
Operations — live structural monitoring, point cloud analysis, real-time sensor dataRedesigned
AI Copilot real-time intelligence
AI Copilot — real-time infrastructure intelligence with contextual insightsRedesigned
02
Why the previous version was failing

Not a features problem. A trust deficit.

I audited the prototype against one question: does this help the user trust and act on what they're seeing? Eight critical failures surfaced, all pointing to the same root cause.

Problem screen — Admin Dashboard

"Restart Server" (system-wide, catastrophic if misused) sat next to "Auto Backup" (low risk) with identical visual weight. A client admin could trigger platform-wide changes without realising the scope.

Critical failure: Platform and org controls mixed in one view. No visual hierarchy, no scope labels, no confirmations. A governance liability.
Problem screenOriginal Admin Dashboard — mixed controls
Admin Dashboard — platform controls and org controls, identical visual weightBefore
Problem screen — 3D Visual

A remote rendering session fired automatically on every page load. No user intent captured. Sessions took 10 to 20 seconds of apparent failure. Layer names were technical jargon with no meaning for operators.

Critical failure: Heatmaps with no legend or threshold reference. Engineers interpreting thermal stress data on instinct. The team called this "the broken tab."
Problem screenOriginal 3D viewer appearing broken
3D Visual — auto-loaded compute session, appeared broken for 10 to 20 secondsBefore
Problem screen — Infra Dashboard

Condition tags were applied with no shared definition. "Moderate Stress" could mean watch it next week, or call someone now. No timestamps meant operators couldn't tell if a reading was real-time or hours old.

Critical failure: No data freshness signals anywhere across the platform. Every number on every screen was suspect.
Problem screenOriginal Infra Dashboard with undefined tags
Infra Dashboard — condition tags with no defined thresholds, no timestampsBefore
Failure 01 · All screens

No data freshness signals

Every reading could be real-time or hours stale. Operators couldn't trust any number on any screen.

Failure 02 · Infra + Ops

Severity labels with no definitions

"Moderate Stress" and "Critical" with no thresholds or action guidance. Every operator read them differently.

Failure 03 · 3D Visual

Heatmaps without a legend

Thermal stress visualisations with no colour scale, no threshold, no baseline for normal.

Failure 04 · Admin

Platform and org controls mixed

Client admins could access system-wide controls. "Restart Server" had the same weight as "Auto Backup."

Failure 05 · 3D Visual

High-compute sessions auto-loaded

Remote rendering fired on every page load. The platform's most powerful feature felt permanently broken.

Failure 06 · AI Copilot

AI outputs with no lineage

Predictions with no data sources or confidence scores. Operators ignored them. The most powerful feature wasn't being used.

03
Research

Understanding the user before the interface

Infrastructure monitoring is not exploratory. People open it during incidents, under pressure, needing answers in seconds. The interface had to work at its worst before it could shine at its best.

Operations screen — audit subject
Ops screen — audited for source identity, confidence signals, data freshnessAudit subject
Operations trends — audit subject
Ops trends — audited for units, threshold indicators, time window controlsAudit subject
UX Audit

Every element scored: does this help the user trust and act on what they're seeing?

"8 critical gaps, all pointing to the same root: trust."
Stakeholder Interviews

Mapped user types, decision flows, and pressure modes across ops leads, engineers, safety inspectors.

"Three modes: daily scan, deep investigation, incident response."
Domain Research

Industrial HMI design, alert fatigue in process industries, enterprise governance patterns.

"Operators ignore 80% of alerts within 6 months without a severity hierarchy."
Competitive Analysis

Benchmarked IBM Maximo, Bentley iTwin, AWS IoT TwinMaker, Siemens Teamcenter, Seeq.

"No competitor offers monitoring plus simulation plus 3D twin plus AI in one platform."
04
My Role

Sole designer. End-to-end ownership.

I owned every decision from initial audit to engineering handoff. Several moments required leading the product thinking rather than responding to it.

Admin — before the split I proposed
Admin before architectural split
The screen I identified as architecturally broken, not just visuallyBefore my intervention
3D Visual — the 5-state flow I introduced
3D Visual Analysis Mode Selection
View Selection state — a new product concept, not in the original briefOutcome of my reframe
Reframe I drove

Restructured the navigation model

Infra Dashboard and Operations overlapped in purpose. I reframed the model into a decision ladder where each module answers exactly one question — requiring stakeholders to remove features, not add them.

Architecture I proposed

Split Admin into two separate layers

The brief was "improve the Admin screen." I identified the real problem as architectural: two completely different audiences sharing one interface. I designed the separated permission model from scratch.

Metric I introduced

Proposed Risk Velocity alongside Health Index

Health Index was a snapshot percentage. I proposed Risk Velocity to show rate of change. An asset at 85% dropping 4% per hour is more urgent than one at 70% holding steady.

Flow I redesigned

Turned the 3D viewer into a 5-state experience

The original screen auto-loaded a heavy compute session. I designed Entry, View Selection, Connecting, Inspection, Exit. Not a UI fix but a product-level reframe of what the workspace is for.

05
Approach

One principle. Every decision tested against it.

Rather than solving eight problems independently, I reframed the redesign around a single governing idea: trust is the feature. Does this make the system more trustworthy, or just more capable?

Information architecture — the decision ladder
Admin
"Is the system healthy and who has access?"
Infra Dashboard
"Where are my assets and what state are they in?"
Operations
"What is happening right now and what do I do?"
3D Visual
"What does it actually look like on the structure?"
AI Copilot
"What should I do next and why?"

Previously Infra Dashboard and Operations overlapped. One answerable question per module eliminated that ambiguity during incident response.

Trust in action — Operations
Operations Immediate Action card
Immediate Action card — situation summary, confidence analysis, guided next stepTrust principle applied
Trust in action — AI Copilot
AI Copilot executive brief with data lineage
AI Copilot — every output shows data source, confidence score, time windowTrust principle applied

Every AI-generated insight carries source, confidence, and time window. A number without context is noise. A number with lineage is intelligence.

06
Three Key Decisions

Each decision shows the before state, what replaced it, and why the change mattered.

1
Decision 01 · Infra Dashboard + Operations

Severity levels given a threshold, a response window, and a guided action

Before
Original Infra Dashboard with undefined condition tags
Condition tags with no defined thresholdsBefore

Status labels applied with no shared definition, no threshold, no action guidance. "Moderate Stress" meant something different to every operator. In incident response, that ambiguity caused real delays.

After
Redesigned Infra Dashboard with defined severity
Defined severity with response windows and data freshnessRedesigned

Each status carries a rule-based threshold, a response window (Stable: 72h, Moderate Stress: 24h, Critical: immediate), and a guided next step. Every row shows "Last updated: X seconds ago" with visual degradation at 5 and 30 minutes. The label tells you what to do, not just how it feels.

Why

In critical infrastructure, ambiguity costs time. Time costs lives. Turning a status tag into an operational instruction reduced cognitive load at the most pressure-heavy moments in the product.

2
Decision 02 · 3D Visual

3D inspection workspace redesigned as a deliberate 5-state experience

Before
Original 3D viewer auto-loading
Auto-loaded session, 10 to 20s apparent failureBefore

A remote rendering session fired on every page load. No user intent. Layer names (GLB, IPO, Dense Cloud) were technical jargon. The team called it "the broken tab."

After
Redesigned 3D Visual Analysis Mode Selection
Analysis Mode Selection: user chooses, then connectsRedesigned

Users arrive at a View Selection state: four named modes with data source, reliability score, and estimated load time. User chooses. User connects. Intent captured. Resources spent deliberately.

Why

Choosing a mode primes the user's interpretive frame. They're not just looking at a 3D model — they're conducting a specific type of inspection with clear expectations of what colours and overlays mean.

3
Decision 03 · Admin Dashboard

Admin split into Platform Admin and Organisation Admin — two separate views

Before
Original Admin with mixed controls
Platform controls and org controls, identical visual weightBefore

One screen mixed system-wide controls (Restart Server, Remote Access) with org-level controls (user management, alert routing). A client admin could trigger platform-wide changes.

After
Redesigned Admin separated layers
Two views, two audiences, zero crossoverRedesigned

Platform Admin (elevated auth): system health, global config, critical controls with scope labels and 2FA. Org Admin: users, roles, alerts, asset access. Two views. Two audiences. Zero crossover.

Why

Enterprise procurement teams ask one question before signing: Is this safe to govern? The original Admin screen failed that test. The redesigned governance layer made the platform enterprise-procurable and audit-ready.

08
Outcomes
5 to 1
Coherent 3D state machine
"The broken tab" became the most praised screen in stakeholder reviews.
2
Admin layers, zero crossover
Platform and org controls architecturally separated. Enterprise procurement blocker removed.
100%
Data freshness coverage
Every panel across all five screens surfaces a "Last updated" signal with visual degradation.
4
Severity levels defined
Each status carries a threshold, a response window, and a guided action.
5
Modules to high fidelity
Full component library, Q&A documentation, and annotation spec in 12 weeks.
1
Governing principle
"Trust is the feature" kept five very different screens coherent throughout.
Redesigned Admin user management layer
The redesigned Admin — separated user management, role distribution, session tracking. Enterprise-procurable.Outcome
09
Reflection

What I carry forward

1
Trust is a design material, not a product value

A timestamp is a trust signal. A confirmation dialog is evidence that the system respects the gravity of the action. Designing for trust means asking "how does this make the user feel about the system's reliability?" at every layer, not just the product level.

2
Naming is architecture

Renaming "GLB Model" to "Digital Twin Viewer" changed how users mentally modelled the tool, which changed mode selection, which changed how they interpreted the data. The most impactful decisions in this project were taxonomic, not visual.

3
What I would do differently

Get actual operators into usability sessions earlier. Bridge engineers, HSE managers, control room supervisors. The audit was rigorous but expert-led. Lived operator intuition under real pressure surfaces edge cases that structured analysis misses.

Pred4Infra  ·  Predulive Innovations Korea, 2025