WEI-ZHAO MA
Back to projects

Selected project

Enterprise Design System

Cross-product UI Foundation

A consistent, customizable, and scalable UI foundation that turns recurring enterprise patterns into reusable architecture.

Frontend Engineer · Design System Owner

View live site
ReactTypeScriptAnt DesignDesign Tokens
Enterprise Design System interface preview

Situation

The context behind the work.

UI components were maintained separately in each product. This created larger codebases, slower builds, complicated dependency management, CSS conflicts, style leakage, and repeated component development across teams.

Task

The problem I was responsible for.

Build a cross-product enterprise design system with consistent APIs and user experience, flexible theming, a low barrier to building complex interfaces, and an architecture that could scale without slowing down product builds.

Action & Result

From system behavior
to product experience.

Action

  • Abstracted Ant Design into a layered system of design tokens, a shared theme provider, enterprise components, and product-level composition.
  • Defined component APIs and a CSS-in-JS architecture that supported customization without leaking product styles.
  • Created documentation and shared workflow standards so other engineers could adopt and extend the system consistently.

Result

  • Delivered 48 reusable enterprise components.
  • Established adoption across 3+ commercial products and 1 internal project.
  • Created a consistent UI foundation that other engineers could extend for future features and products.

To respect confidentiality, the project name and selected details have been generalized while preserving the nature of the work and my contribution.

Next project

Centralized Infrastructure Management​ Platform UI