Product Detail Pages

I was part of the Global Design Team for the Asia-Australia-New Zealand region, redesigning Product Detail Pages for Electrolux and AEG together with colleagues around the world. After the first phase, markets reported a 60% increase in conversion.

Afterwards, on my own initiative, I built a proof of concept to show how this work could scale: a layered, multi-brand token system in Figma (236 variables across 8 collections) where one mode switch re-skins the system between brands, plus two Figma plugins that automate token sync and layer naming. It is a personal project and has not been adopted in production.

My Role
(Team project)

My Role
(Team project)

PDP redesigns

I designed and iterated PDP layouts as part of a small team, working closely with a copywriter and colleagues across markets.


Visual consistency

I helped keep digital pages visually consistent across markets.


Design system

I took part in a small design system for the pages.

PDP redesigns

I designed and iterated PDP layouts as part of a small team, working closely with a copywriter and colleagues across markets.


Visual consistency

I helped keep digital pages visually consistent across markets.


Design system

I took part in a small design system for the pages.

PDP redesigns

I designed and iterated PDP layouts as part of a small team, working closely with a copywriter and colleagues across markets.


Visual consistency

I helped keep digital pages visually consistent across markets.


Design system

I took part in a small design system for the pages.

My Role
(Personal project)

My Role
(Personal project)

Token architecture

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


Variables

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

Toolset

Toolset

Figma

Variables, token architecture, components, custom plugins


Token Pusher (personal plugin)

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


Layer Renamer (personal plugin)

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


Page Proof

Collaboration and review process