Portfolio »
Design Systems
As a Design System designer, I’ve been responsible for:
Breaking down of existing designs into atomic components - bases, components, blocks, templates and pages.
Visual design of all components
Version control of all components
Documentation of usage principles and usages guides for designers (using Confluence, Notion and within Figma itself)
Understanding of the front-end tech stack and collaboration with front-end engineer
Advocacy and training of all designers and engineers (100+) on implementation
MoneySmart “Cargo” Design System
Badges: high-contrast UI component optimized to display quickly glanceable micro-copy
Listing Card: complex component with multiple nested components
Listing Card: complex component serving as an important UI component in the MoneySmart Shop
Pop-up component: with nested wrapper for product designers to design with other components
Mobile navigation component: for both Singapore and Hongkong markets
GovTech/Ministry of Manpower Internet Design System
GovTech/Ministry of Manpower Intranet Design System
Detailed documentation for usage guidelines and Figma implementation.
All components document using Notion, allowing Designers to easily search for the most appropriate components for their UI work.
