B2B Operations Information Design

Interactive Parts System

Reducing equipment faults by 95% through improved assembly guidance and information design.

Spray nozzle exploded view
My role
Solo Product Designer / Product Lead (end-to-end ownership)
Type
Information design system
Domain
Field operations / equipment
95%
reduction in equipment faults
Context

Fragmented guidance for a complex assembly

Q-Bot's installation teams rely on a spray nozzle composed of a complex multi-part assembly, used in real-world field conditions.

Installers had limited and fragmented reference materials:

This created a disconnect between:

As a result, mis-assemblies and incorrect part orders were common, directly impacting operational performance.


Challenge

A self-reinforcing fault loop

Frequent nozzle faults were not isolated issues - they were the result of a negative reinforcing loop: errors → downtime → incorrect fixes → repeated errors.

The core challenge was not just improving instructions, but breaking this cycle by redesigning how information supports the task.


The system

Mapping the fault loops

I mapped the two reinforcing loops that drove faults, and the points where we intervened.

Diagram of the two reinforcing fault loops and the intervention points

Approach

Learning from outside the industry

Research began by looking outside the industry: studying how IKEA and CAD modelling tools handle complex assembly guidance for non-expert users. This surfaced a key insight: the problem wasn't installer capability, it was the information environment. The existing diagrams asked users to remember too much at once.

Research into assembly guidance from IKEA and CAD tools (1)
Research into assembly guidance from IKEA and CAD tools (2)

I mapped the full onsite equipment ecosystem to ensure any solution would scale beyond the spray nozzle, then ran a value/cost prioritisation with the team to focus development on high-impact, low-complexity features first.

Wireframe sketch and ecosystem mapping (1)
Wireframe sketch and ecosystem mapping (2)

Solution

An interactive parts diagram system

The key design move

Rather than building a full 3D viewer, which would have required complex API integration, I simplified navigation to 3 fixed perspective views (front, bottom, top), keeping all components visible within Flutter's constraints. The constraint actually improved usability: fixed views are faster to navigate than free rotation for task-focused assembly work.

Interactive parts app — fixed perspective view (1)
Interactive parts app — fixed perspective view (2)

As a result, I designed an interactive parts diagram system that:


Installer training session in Newport
The interactive nozzle parts app
Outcome

Breaking the cycle

Designing the right information environment can significantly reduce mistakes without changing the job-to-be-done. — Key takeaway

Like how I think?

I'm always curious to hear about challenging projects, especially in manufacturing, energy efficiency and sustainability. Get in touch.

Email me