03.4 · Caso
Dissolvenza
Il sito di un marchio di tisane costruito da zero: otto linee, ognuna con il suo carattere, e un movimento lento come un'infusione.
Scena 01Il problema
Un marchio con più di trent'anni di storia e otto linee diverse, dalle tisane per bambini a quelle funzionali.
Il sito doveva raccontarle una per una e portare le persone nei negozi che le vendono.
Scena 02La scelta tecnica
- Inq. 01
Da zero
Il tema parte dallo starter dell'agenzia, WordPress con webpack, e l'ho costruito io: 21 template, dalla homepage alla scheda ingredienti.
- Inq. 02
Le linee come mondi
Ogni linea ha la sua pagina e, dove serve, un template dedicato: la linea funzionale, quella per bambini, accessori e idee regalo.
- Inq. 03
Movimento misurato
Scroll morbido con Lenis, animazioni del menu e del cursore; hero e prodotto animati insieme a un designer del team.
- Inq. 04
Store locator
La mappa dei punti vendita con filtri, pensata anche per il telefono.
- Inq. 05
Landing componibili
Un page builder per landing di prodotto e campagne, che il team usa ancora per webinar e iniziative.
Scena 03Come funziona
- 01 Contenuti ACF
- 02 Tema su misura PHP · webpack
- 03 Linee 8 pagine dedicate
- 04 Prodotto ingredienti e ricette
- 05 Store locator il negozio vicino
Scena 04In cifre
- 8 linee di prodotto con la loro pagina
- 21 template su misura
- 95 miei commit su 117