Diesel Farm
E-commerce ed esperienza di brand per la tenuta Diesel Farm di Brave Wine Company.
Shopify headless con Next.js, Prismic, GSAP e Framer Motion.
Scheda.
Diesel Farm, e-commerce Shopify headless
La tenuta e i vini nella stessa vetrina, con uno studio partner. Awwwards Honorable Mention 2024.
Contesto & brief
E-commerce e sito di brand per la tenuta Diesel Farm di Brave Wine Company, sviluppato con uno studio partner. Un'unica vetrina racconta il territorio e vende i vini.
Cosa ho sviluppato
- Vetrina headless: front-end Next.js su Shopify; catalogo, carrello e checkout restano in Shopify.
- Contenuti editoriali: racconto, blog, promo e schede prodotto arricchite gestiti in Prismic.
- Lingue: italiano e inglese con URL localizzati (
/prodotti,/products). - Motion: ingresso a slider in GSAP, Framer Motion e Lenis, con age gate per la vendita di alcolici.
- Mappa della tenuta con Mapbox.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | Next.js |
| CMS | Prismic |
| Motion e 3D | GSAP, Lenis, Framer Motion |
| E-commerce e pagamenti | Shopify |
| Analytics / osservabilità | — |
| Servizi e hosting | Mapbox |
Decisioni chiave & trade-off
Shopify headless anziché un tema
Il ritmo della pagina è progettato su misura, mentre checkout e stock restano affidati a Shopify. Il compromesso: due back-office da mantenere allineati.
Crediti & riconoscimenti
Sviluppo front-end e integrazione headless con il team di Frame by Frame (Michele La Corte, Alessandro Marchese Ragona, Luca Lodi). Design: Frame by Frame. Cliente: Brave Wine Company.
dieselfarm.com — Honorable Mention su Awwwards, 2024.
Servizi collegati: siti web animati · Shopify headless · Next.js e CMS headless · sviluppo per agenzie · Guida: Shopify tema o headless
Stack
Headless, Shopify, Next.js, Prismic CMS, GSAP, Lenis, Framer Motion