Design System & Scalability Leadership

Led the creation and adoption of a scalable hybrid design system for Rewst, leveraging MUI components to accelerate design and development. Established a maintainable approach that balances customization with efficiency, ensuring consistency and flexibility as the product grows.

Challenge

  • Prior design leadership aimed to build a fully bespoke design system, which was not practical given startup constraints.

  • Inconsistent components slowed design and development handoffs.

  • Needed a unified, scalable solution to maintain UI consistency and support rapid feature delivery.

Approach

  • Evaluated technical limitations and collaborated closely with frontend developers.

  • Shifted strategy from bespoke design system to an MUI-based hybrid system, ensuring rapid adoption and maintainability.

  • Defined design tokens for color palette, typography, and spacing to align with brand identity.

  • Oversaw the creation of a Figma component library synchronized with a Storybook component library for developers.

  • Established a process to only build fully custom components when essential, avoiding unnecessary complexity.

  • Planned future scalability by incorporating light and dark theme support.

Outcome

  • Unified design and development workflows, reducing handoff time and improving collaboration.

  • Accelerated UI delivery speed while maintaining a high level of design consistency.

  • Lowered maintenance overhead by leveraging MUI’s built-in components.

  • Created a scalable, reusable design system foundation to support future product expansion and theming.