Size Flow
A size-suggestion widget that installs on any product page, whatever the store runs on.
- 2024
- Widget
- E-commerce
- Web Components
- Lit
- Three.js
- Google Tag Manager
Challenge
Size Flow suggests a size on the product page, and it reached each store through a Google Tag Manager script. Every client ran a different e-commerce platform, so anything built for one framework meant a custom integration per store. Getting the fit wrong cost the customer a return.
Solution
I helped refactor the Google Tag Manager script that installed the widget, then simplified the setup into several install scripts, each ready for a different e-commerce site. Once it is on a product page, the widget reads the product's SKU, which is how it knows which garment it is sizing.
I studied Web Components for this and built the widget with Lit, so it runs inside a store whatever that store is built on. It opens a panel, a small web app where shoppers manage their profiles. A profile asks only for simple data, such as height, weight and age, and an optional step refines the body shape with three sliders for shoulders, hips and waist.
From the profile and the SKU, the widget suggests a size and shows how it will fit: a label such as slim fit or comfort fit, where the garment sits between tight and loose at the chest and the waist, and the size to try next. The profile carries over to the next product.







