Project III. Establishing Design System




Analyze \


Problems.

The current UI library is outdated, failing to meet the design and technology needs of EADB.


Define \

Objectives.My goal is to build a cohesive, adaptable design system for EADB, extending beyond a basic components library.
Solutions.To establish the design system, I focused on:
  • Consistency: Developed a comprehensive style guide for consistent typography, colors, and styles, creating a unified visual language across EADB.
  • Efficiency: Created reusable UI components to streamline development and ensure a consistent user experience.
  • Scalability: Implemented flexible design structures to accommodate future updates without disrupting the system.

To aid the development team, I added quick actions like “Go to component” and made design elements linkable, improving accessibility and saving time.

Design \ 





Overall Design.




Impact.The design system now serves as a comprehensive framework, encompassing components, guidelines, and standards for consistent design across Ezze. It accommodates EADB’s evolving needs and promotes collaboration and knowledge sharing, enabling team members to access, contribute to, and enhance the design system, fostering an environment of shared ideas and continuous improvement









Previous
Project II. Improving Data Visualization





Selected works  |   LinkedIn  |   Say Hiii~👋🏻

Design Copyright ©️ Mingyue Qu