Re-defining a Design System

Year & Role

2024–2025 | Senior UX/UI Designer

Description

Collaborated on significantly expanding and refining an enterprise-level design system, driving greater consistency, scalability, and efficiency across digital products.

Output

Enhanced and expanded Figma component libraries, including new UI components, dark-mode variants, and supporting tokens.
Comprehensive initial documentation for the motion system, covering interaction principles, animation guidelines, and timing details.
Strategic Figma plugin evaluation report to improve animation export workflows.

Impact

Strengthened the design system’s capability and established foundational motion guidelines, improving consistency, reducing design friction, and optimizing collaboration between design and development teams.

Dark-mode marketing page built with design system components

Motion system guide page with component, interaction and timing sections

Documentation page showing video player component states and interactions

Portfolio

Menu

→ Home

Portfolio

Services

Links

About

UX/UI Design

Re-defining a Design System

Year & Role

2024–2025 | Senior UX/UI Designer

Description

Collaborated on significantly expanding and refining an enterprise-level design system, driving greater consistency, scalability, and efficiency across digital products.

Output

Enhanced and expanded Figma component libraries, including new UI components, dark-mode variants, and supporting tokens.
Comprehensive initial documentation for the motion system, covering interaction principles, animation guidelines, and timing details.
Strategic Figma plugin evaluation report to improve animation export workflows.

Impact

Strengthened the design system’s capability and established foundational motion guidelines, improving consistency, reducing design friction, and optimizing collaboration between design and development teams.

UX/UI Design

Re-defining a Design System

Year & Role

2024–2025 | Senior UX/UI Designer

Description

Collaborated on significantly expanding and refining an enterprise-level design system, driving greater consistency, scalability, and efficiency across digital products.

Output

Enhanced and expanded Figma component libraries, including new UI components, dark-mode variants, and supporting tokens.
Comprehensive initial documentation for the motion system, covering interaction principles, animation guidelines, and timing details.
Strategic Figma plugin evaluation report to improve animation export workflows.

Impact

Strengthened the design system’s capability and established foundational motion guidelines, improving consistency, reducing design friction, and optimizing collaboration between design and development teams.