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.