Buick / General Motors

Exceptional by design (system).

To elevate Buick’s digital presence, we translated its visual identity into a comprehensive Figma library, leveraging GM’s Aurora design system as a foundation. This initiative established a scalable and cohesive design system tailored to Buick’s needs.

Approach:

• Core Library: Established typography, color, icons, and spacing.

• Extension Library: Built essential UI components and complex patterns like navigation, charging calculators, and shopping tools.

Challenges and Solutions:

• Simplifying Complexity: Designed an intuitive system for seamless designer-developer collaboration.

• Cross-Team Effort: Working closely with GM’s internal team and developers, refining with a small UX team.

• Final Solution: The result is a flexible, scalable design system that enhances Buick’s digital experience, easy to access within Figma and our proprietary prototype styleguide website.