PRU design system
Prudential established a new digital product team to unify its fragmented products across the Asia-Pacific region, with the aim of improving development speed, reducing operational costs and delivering a consistent user experience on a large scale. As the team's first designer, I established the design system foundation through the core customer-facing product. Working closely with the design leadership team, I translated the system vision into a scalable implementation by defining token conventions, structuring the Figma library and building the majority of the core components to support future product expansion.
Defined a token-based foundation to establish a unified design language. Ensuring consistency, scalability, and easier maintenance across products.
Built and standardised core components to support early product features, then scaled the system alongside product growth. Continuously refined guidelines to improve clarity, consistency, and reuse across teams.
Created responsive page templates to standardise layout patterns and reduce design and development effort for new features.
Defined behaviours across breakpoints and edge cases (e.g. small screens, keyboard states), helping teams make faster decisions and reducing UI inconsistencies during implementation.
Established a collaborative workflow between designers and engineers to maintain and evolve the design system.
As the primary design system owner, I ensured alignment between design and code to improve implementation quality and reducing inconsistencies.
