AmatVictoriaCuram
Nor Fadhli
Selected work
ProductAR/VRIoT

Spatialworks Digital Twin

Led 0→1 product design for the Spatialworks Digital Twin ecosystem at Hiverlab. Established a scalable design system, contributed to a 25% increase in sales, and secured B2B partnerships with Keppel Shipyard and DB Schenker.

Spatialworks Digital Twin cover
RoleLead Product Designer
DurationMar 2020 to Nov 2023
Team3 to 5 designers (led), 8 engineers, BD team
ToolsFigma, Miro, Notion, Confluence, Rive

The problem

Hiverlab was pitching digital twin contracts to enterprise clients with only a concept, no product to show. Industrial clients like crane engineers, logistics managers, and safety officers needed to connect IoT sensor data to 3D models and get automated alerts when something went wrong. The hard part: they were not developers and did not want to be. They had to set this up themselves.

How it came together

01

Context

I joined as Lead Product Designer in March 2020, before the product existed. The team had 8 engineers, no design system, and a first contract that had to close within 4 months. My job was to go from zero to a working product, lead a growing design team, and make sure non-technical industrial users could actually operate what we built.

Note: the designs shown are redesigned versions due to NDA constraints.

02

Research

I went on-site to Keppel FELS Tuas to watch crane operators monitor their 400-foot cranes. Paper logs. Manual environmental checks every 2 hours. No automated alerts. A temperature spike between checks went unnoticed until it was already a problem. Engineers spent hours on checks that should have been automatic.

At DB Schenker, logistics managers tracked energy consumption and equipment performance in spreadsheets. They could not tell a cooling unit was underperforming until it failed. No alerts, no trends, no way to act proactively.

I ran a user story mapping workshop with engineering and BD to turn these observations into requirements. Three stories defined the MVP: visualise and monitor sensor data on the crane model, get notified of crane faults to minimise downtime, and get notified of any warning or critical issue to protect personnel safety.

03

How I structured it

The core flow was clear once I mapped the story: connect data source, import 3D model, attach data charts, configure trigger alerts. Four sequential steps, built as a wizard so users could not skip ahead and get confused.

I mapped every state, including the edge cases: the data source disconnecting mid-setup, the model file in an unsupported format, an alert firing while the user is offline. In industrial software, edge cases are not edge cases. They are the most critical scenarios.

04

Design decisions

The data source connector is a 5-step wizard supporting 5 sensor types, with a live preview panel showing incoming readings on connection. Users confirmed the data was real before attaching anything to the model.

Clicking any asset in the 3D viewport opens a context panel with 4 options: add data chart, add annotation, add scene camera shortcut, adjust position. No abstract settings panel. Everything is spatial and direct.

The trigger alert builder is no-code. Users define if-then rules (if temperature exceeds threshold then send notification) without SQL or scripting. Three severity levels, Information, Warning, and Danger, each with different notification behaviour so engineers can tune the urgency.

05

What it became

The platform shipped and won enterprise contracts with Keppel, DB Schenker, Hamburg Port, Omron AGV, HP Indigo, and JamK Cyber Sec. Six clients in 3 years, each on a different use case. Keppel used the alert system for crane safety monitoring, DB Schenker for energy consumption tracking, and Hamburg Port for asset monitoring across its port logistics network.

The product went from a prototype I built in the first 4 months to a commercial platform with recurring contracts. That came from getting the non-technical user experience right. Industrial clients bought because their engineers and safety officers could operate it themselves.

Process

01Discover
02Define
03Design
04Ship

Challenge context

Spatialworks Digital Twin challenge context

Research

User story mapping workshop with Engineering and BD teams

MVP user stories

01User Stories

Define & structure

01Setup Wizard Flow

Key solutions

01

5-step sensor data connector wizard

Supports 5 sensor types. A live preview panel shows incoming readings on connection, so users confirm the data is real before attaching anything.

02

Spatial chart attachment on the 3D model

Click any asset in the viewport to open a context panel. Add charts, annotations, or camera shortcuts directly on the model, not from an abstract settings page.

03

No-code alert trigger builder

An if-then condition builder, no SQL or scripting. Three severity levels (Information, Warning, Danger), each with different notification behaviour.

Spatialworks Digital Twin solution 3

Results overview

All screens

24 screens — drag or click to browse

Outcomes

6+Enterprise contracts
4 monthsZero to first contract
25%Sales pipeline growth
View the live productBack to work