Sunbelt Rentals design system overhaul

Sunbelt Rental’s new design system unifies and uplifts visual and functional experiences across the entire digital ecosystem.

design system header image.png

Unify the system and streamline process at scale

When I joined, 3 disparate, platform-specific design systems imported into Figma from Sketch existed, causing design inconsistencies. I took action to build 1 system for all platforms to streamline process, promote consistent experiences and empower designers to innovate the system with speed.

Role

Lead System Designer

What I did

QA of implementation
System design
UI/UX audit

Platforms

Web
iOS

The system at scale

A system built to support all platforms. Changes made to higher level libraries cascade through libraries below it. This enables consistency, adaptability and speed.

Global Foundations

At the highest level, all platforms (Web, iOS, Android and business systems) share styles that include colors, icons, typography and more for consistency and speed at which a style is updated cross-platform.

design system 1.png
design system 2.png

Colors and accessibility

Refined colors used for text to meet contrast guidelines. Then, regrouped visually and functionally for ease of use across designers, engineers and platforms.

design system 3.png
design system 4.png

Global Components UI Kit

While inheriting global and platform-specific styles, the UI kit is the most utilized file containing components used to help build experiences.

design system 5.png
design system 6.png
design system 7.png
design system 8.png

The results

  • Unified experiences with shared elements cross-platform

  • Flexible component library for easy adaptability

  • Speed to design and launch experiences cross-platform

  • Premium visual and functional components that welcomes new ideation