SSD · Slot 04 · Salvataggio
Fresh Install
a.k.a. Dissolvenza Versione cinema ›
Il sito di un marchio di tisane costruito da zero: otto linee, ognuna con il suo carattere, e un movimento lento come un'infusione.
- Settore
- Tisane e infusi
- Periodo
- Set 2024 — oggi
- Ruolo
- Front-end, animazioni e back-end del tema
- Team
- 95 commit su 117 sono miei; un designer del team ha curato alcune animazioni
Il problema
ERR Un marchio con più di trent'anni di storia e otto linee diverse, dalle tisane per bambini a quelle funzionali.
WARN Il sito doveva raccontarle una per una e portare le persone nei negozi che le vendono.
La scelta tecnica
- Patch 1.0.0
Da zero
Il tema parte dallo starter dell'agenzia, WordPress con webpack, e l'ho costruito io: 21 template, dalla homepage alla scheda ingredienti.
- Patch 1.1.0
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.
- Patch 1.2.0
Movimento misurato
Scroll morbido con Lenis, animazioni del menu e del cursore; hero e prodotto animati insieme a un designer del team.
- Patch 1.3.0
Store locator
La mappa dei punti vendita con filtri, pensata anche per il telefono.
- Patch 1.4.0
Landing componibili
Un page builder per landing di prodotto e campagne, che il team usa ancora per webinar e iniziative.
Come funziona
- 0x01 Contenuti ACF
- 0x02 Tema su misura PHP · webpack
- 0x03 Linee 8 pagine dedicate
- 0x04 Prodotto ingredienti e ricette
- 0x05 Store locator il negozio vicino
In cifre
- 8 linee di prodotto con la loro pagina
- 21 template su misura
- 95 miei commit su 117