Dr. Bronner's
From chaosto a system
Their Amazon Store, redesigned. PDPs, A+ pages, and a design system built off the Heal Earth campaign.
Their Amazon Store, redesigned. PDPs, A+ pages, and a design system built off the Heal Earth campaign.
Every PDP had its own crop, its own type, its own idea of what a Dr. Bronner's product page should look like. No shared system. No file anyone could hand off.
And the team building it wasn't in Figma yet, so every fix meant starting from a flat file, again.
One system, built to hold fourteen product categories.
This wasn't just a type hierarchy and a sticker kit. It was a system for how many images a category needed, what each one had to say, and how it all held together across formats, sizes, and scents.
I built the template and set the pattern on the first categories myself. Dr. Bronner's team took it from there, applying the same system to build out the rest of the store on their own.
I redid every PDP image across the catalog: clean packshots, botanical garnish, and lifestyle pages that carry the campaign's macro-texture photography and headline system down to the individual scent.
Each category got its own A+ module: brand story, scent range, real ingredients, use cases, and the "Family Soapmakers" close, all built to the same system. Twenty-eight pages, desktop and mobile, that all read as one store.
The quieter win: Dr. Bronner's team wasn't working in Figma before this. I brought them in, so every page in that 28-page system is now a file they can open, edit, and hand off themselves instead of starting over each time something needs to change.
Fourteen categories. One store.
