Trimble Modus (Design System)

Streamlined Trimble's interface with a unified Design System

OVERVIEW

At Trimble Inc., I collaborated with multiple teams to develop a cohesive design system, focusing on side navigation, iconography, tables, and UX animations. I led the UX micro animation team, enhancing user interactions and interface consistency.

MY ROLE

Led UX animations, defined patterns, collaborated widely.

THE TEAM

5 Designers, 2 Developers, 1 Design Manager.

TIMELINE

2020 – 2023.

OUTCOME

Organizational Impact: Enabled 147+ teams to adopt Trimble Modus.
Financial Impact: Resulted in multimillion-dollar financial gains through improved efficiency and user satisfaction.

Iconography

Defined rules and foundations for our icon sets. Starting with 20 icons, we expanded to 300, ensuring consistency. We also reviewed 1500+ icons from an agency, ensuring alignment with our design principles and usability standards, enhancing visual coherence across Trimble’s applications.

Side Navigation

Our side navigation offers collapsible overlay and push styles, clear parent-child menu representation, and expandable features. It complements Breadcrumbs, Navbar, Tabs, and Content Tree for comprehensive user navigation.

Micro Animations

I led the micro animation team, defining motion durations and easing for various design patterns across mobile and web. Collaborated with designers from initial explorations to detailed design documentation, ensuring consistency across devices.