UI/UX design for manufacturing and technology company.

When Caterpillar posed ArtVersion with the task of redesigning their Ul screens for machinery dashboard interfaces, the team was excited and embarked on an innovative UX trajectory.

Project Disciplines

01
UX research
02
Brand strategy
03
UX design
04
Graphic design
05
Accessibility

UI Screens

Dynamic Aesthetics
Ui screen oblique showing fuel levels and mph.
A UI screen with round gauges.
A UI screen visual for a heavy machine.
A UI screen showing fuel levels and mph.

Transforming Caterpillar's Machinery User Interface Dashboards

Future-forward thinking never rests to catch its breath, so when Caterpillar-an industry leading manufacturer of construction equipment-posed ArtVersion with the task of redesigning their Ul screens for machinery dashboard interfaces, the team excited embarked on an innovative trajectory. The team knew the design needed to possess a sleek design that reconceptualized the analog on-dash interfaces with a digital remodel, that would intersect intuitive functionality with a design as cutting-edge as Caterpillar's legacy.

00
Average Efficiency Gain
00
Maintenance Cost Reduction
00
Downtime Reduction
I don’t think we’d be where we are without your ideas and the mutual design sessions.
- EMD UI Team Lead
keyboard_arrow_up
keyboard_arrow_down

Design Systems

Gauge and menu ui screen.

Color Palette

Caterpillar's UI features a dynamic palette—robust reds, vibrant yellows, energetic oranges—capturing the brand's strength and innovation. The careful blend of foundational and secondary hues enhances the user interface, embodying Caterpillar's rugged yet modern aesthetic.

Mango
#FFAA02
Black
#080808
Yellow
#FFCD11
Orange
#F6790C
Canary
#ECCC17
Red
#D61D1D
A letter in Soleil regular.
Soleil
Regular
Soleil bold A letter.
Soleil
Bold

Typography

Caterpillar's use of the Soleil Regular and Bold typography reflects a perfect balance of clarity and boldness in its communication. The Soleil Regular font provides a clean and readable appearance, while the Bold variant adds a strong and impactful touch, contributing to a cohesive typographic identity that aligns with Caterpillar's robust and innovative brand image.

Custom Icons

Custom UI machine icons in white.

UI Screens

Expressive Design
Three UI UX screens showing UI elements.
UI screen in yellow showing gauges and UI elements.
UI screen in yellow showing gauges and fuel levels.
UI screen in yellow.
UI Screen sub menu in yellow on dark background.
UI screen with an open menu in yellow.
Ghost UI designs for a heavy machine.

Strategic Engagement and Future-Proof Strategies

For an emphasis on quality to truly be prominent, collaboration was an important tool that was utilized throughout the project's development. ArtVersion closely collaborated with Caterpillar's Ul sector with hands-on strategizing in their facility. Collaboration allowed the ArtVersion team to find a pulse on new design ideas and develop diverse iterations of Ul screens from an outside and visionary perspective. The interactive design approach clearly communicated the capabilities of the model that ensured ease of navigation for the user.