Sahar Rahimi

Happy Machine

Iconography for Industrial Interface

Iconography

Background

MachineMetrics is an intuitive and flexible IoT platform to help companies transform shop floor data from insights into actions with powerful apps that reduce machine downtime and maximize profitability driven by manufacturing equipment.The following are the goals that were established:

The MM platform visualizes machine data in different ways to help operators act on it, for example, using red, orange, and green to show fault, warning, and goal statuses. As the product designer, I created an icon that represents a machine in general while also conveying its operating states. Given the variety of machines on shop floors, I aimed for a design that feels universally recognizable and authentic to MM users.

Below are examples of CNC machines commonly used by MM customers:

Ideation

After some visual research about designing an icon for a technical equipment, I started to draw on top of the images of machines and gradually simplified the overall form.

Machine Icon

I designed the machine icon with a neutral face expression known as the ‘generic machine'‘ icon in our design system with two regular and solid styles. I created the other versions of this icon for specifically representing a machine status. I made sure the icon matches the proportions and visual style of the existing icons in our design system.

I extended the icon into a 3D version to use as a visual element and illustration that reinforces the product’s story. Rather than filling every screen, I used these visuals sparingly for impact. Here are a few 3D machine illustrations I designed and animated; it was a lot of fun bringing them to life!