Size Flow
Un widget che suggerisce la taglia e si installa su qualsiasi pagina prodotto, su qualunque piattaforma giri il negozio.
- 2024
- Widget
- E-commerce
- Web Components
- Lit
- Three.js
- Google Tag Manager
Sfida
Size Flow suggerisce una taglia nella pagina prodotto, e arrivava in ogni negozio tramite uno script di Google Tag Manager. Ogni cliente usava una piattaforma e-commerce diversa, quindi qualsiasi cosa costruita per un solo framework significava un'integrazione su misura per ogni negozio. Sbagliare la vestibilità costava al cliente un reso.
Soluzione
Ho contribuito al refactoring dello script di Google Tag Manager che installava il widget, poi ho semplificato la configurazione in diversi script di installazione, ognuno pronto per un e-commerce diverso. Una volta sulla pagina prodotto, il widget legge lo SKU del prodotto, ed è così che sa quale capo sta misurando.
Per questo ho studiato i Web Components e ho costruito il widget con Lit, così funziona dentro qualsiasi negozio, su qualunque tecnologia sia costruito. Apre un pannello, una piccola web app in cui gli acquirenti gestiscono i propri profili. Un profilo chiede solo dati semplici, come altezza, peso ed età, e un passaggio facoltativo affina la forma del corpo con tre slider per spalle, fianchi e vita.
Dal profilo e dallo SKU, il widget suggerisce una taglia e mostra come vestirà: un'etichetta come slim fit o comfort fit, dove si colloca il capo tra aderente e morbido su petto e vita, e la taglia successiva da provare. Il profilo resta valido anche per il prodotto successivo.







