The problem

Bloom Bras is a size-inclusive brand, and for a size-inclusive brand, a dropdown size selector is close to the worst possible UX, it hides exactly the information a customer needs most before they'll trust a purchase. There was no size guide on the page at all, reviews were buried well below the fold, Shop Pay wasn't offered, and there was no tabbed content structure for product details, so any content update meant a developer editing the page directly.

What I built

A product page rebuilt around how customers actually decide

I restructured the layout so the description sits right under the product name, price shows above reviews instead of after them, and the size selector is fully visible on the page instead of hidden inside a dropdown. I added a quantity selector, a Shop Pay call-to-action, and shipping and return information directly on the page.

I linked the size selector to a modal pulling from the brand's fit-guide page and a custom size calculator, so a customer uncertain about sizing doesn't have to leave the product page to figure it out.

Tabbed content instead of a wall of text

I built tabs for the detailed description, size guide, and product care, plus two additional info sections and a proper reviews section, replacing what had been scattered, unstructured content.

A reusable template, not a one-off page

Rather than hand-coding this as a single product page, I built it as a "New Product Page Template" selectable per-product through the theme customizer, so Teri's team can apply the same redesigned layout to any future product without needing me to touch it again. Everything was delivered through a Shopify preview link for review before anything went live.

What actually changed

What changed	Before	After
Size selection	Dropdown	Visible selector
Size guidance	No guide	Modal with fit-guide link
Reviews	Buried	Prominent section
Payment	Standard only	Shop Pay added
Content	Scattered	Tabbed, organized
Maintainability	Developer-dependent	Reusable, per-product template