Lumafield Scanner System Cover.png

Lumafield | Scanner System

about

Lumafield helps engineering teams work at the speed of light. Lumafield's Voyager analysis software and Atlas AI co-pilot find answers quickly and facilitate collaboration. Lumafield's Neptune industrial CT scanner arms engineers with X-ray vision, allowing them to look inside their products, inspect invisible features, and pinpoint problems before they reach customers.

Scanner System

Lumafield



role

Visual Designer

team

2 Software Engineers, Design Lead, Visual Designer

YEAR

2023

project overview

Neptune is an industrial X-ray CT scanner that operates with a touch screen interface and scans parts at high volume while providing the user with instant insights.
There were inconsistencies and many variants to choose from which resultantly made it challenging for front-end developers to develop the designs into code. Developers expressed that they were making each button and other components from scratch and that there wasn’t a guide to follow. So there was a need for a more adaptive and structured design system.

 

I first started with an audit of the current interface. I collaborated with the developers to collect current screens to use as a reference point and base for building a design system.
Some things I noticed were the various button sizes, small-sized controls, and a need for information hierarchy design.

UI Audit

 

Final deliverables are a UI kit and modular design system establishing a consistent set of design principles, patterns, and components that could be systematically applied across the entire user experience.

UI Kit

 

The result was a robust and adaptable design system that not only elevated the user experience of Neptune but also streamlined development processes, fostered design consistency, and reinforced Lumafield's brand identity as a leader in industrial CT scanning technology.

Design System & After Screens