EIS UX Team

Stratus Design System

Creating a Design System using Material 2

Creating Stratus Design System

How can we create a system using Material 2 that scales and improves team efficiency?

Role:

UX Designer

Team:

EIS UX

Tools:

Figma, Material 2

Project Description:

Developed a new, saleable design system for CAMP EIS products using Material 2. This project focused on establishing a unified UI foundation for adoption across multiple teams and products.

Discovery

Audit & Research:

  • Conducted a full audit of existing design system and screens

  • Identified inconsistencies in layout and spacing

  • Reviewed well known design systems to see best practices

Define Foundations

  • Established a color palette, typography hierarchy, spacing and icons

Build Component Library

  • Created reusable documented components

  • Each component includes states, variations and usage guidance.

Outcome & Impact

Product Improvements

  • Unified visual identity across all products

  • Clear hierarchy and more intuitive user workflows'

  • Fully accessible components meeting WCAG AA standards

Team Efficiency

  • 2-3X faster design workflows

  • Reduced repetitive design and development work

  • Stronger alignment between design and engineering

  • Ease of onboarding for new team members

Business Value

  • Decreased UI defects and QA friction

  • Improved scalability as new features were added