Product Detail Pages

I was part of the Global Design Team for the Asia-Australia-New Zealand region, focused on scalable PDP implementation across Electrolux and AEG. I built a two-layer token architecture in Figma — 236 variables across 8 collections — enabling a single mode switch to re-skin the entire system between brands. I also developed custom Figma plugins to automate token sync and layer naming — reducing manual setup from hours to seconds. After the first phase, conversion and sell rate increased by over 60%.

My Role

My Role

Style Guide Ownership

I was responsible for maintaining the visual consistency of our digital pages across multiple markets.


Design System Architecture

I built a multi-brand token system from scratch — primitive → semantic → component layers, with brand and breakpoint as independent variable dimensions.


Token System & Variables

I architected 8 Figma variable collections covering colour, typography, spacing, radius, and layout constraints — bound to text styles and responsive across Desktop, Tablet, and Mobile.


Problem-Solving

I focused on fixing real design issues to improve the overall capability of our design system.

Style Guide Ownership

I was responsible for maintaining the visual consistency of our digital pages across multiple markets.


Design System Architecture

I built a multi-brand token system from scratch — primitive → semantic → component layers, with brand and breakpoint as independent variable dimensions.


Token System & Variables

I architected 8 Figma variable collections covering colour, typography, spacing, radius, and layout constraints — bound to text styles and responsive across Desktop, Tablet, and Mobile.


Problem-Solving

I focused on fixing real design issues to improve the overall capability of our design system.

Style Guide Ownership

I was responsible for maintaining the visual consistency of our digital pages across multiple markets.


Design System Architecture

I built a multi-brand token system from scratch — primitive → semantic → component layers, with brand and breakpoint as independent variable dimensions.


Token System & Variables

I architected 8 Figma variable collections covering colour, typography, spacing, radius, and layout constraints — bound to text styles and responsive across Desktop, Tablet, and Mobile.


Problem-Solving

I focused on fixing real design issues to improve the overall capability of our design system.

Toolset

Toolset

Figma

Variables, token architecture, components, custom plugins


Token Pusher (custom plugin)

Automated JSON → Figma variable sync via API. Two-phase push preserves semantic → primitive aliases.


Layer Renamer (custom plugin)

Batch layer naming across selection or full page. Four modes: token-style, Title Case, UPPER, lower.


Page Proof

Collaboration and review process