Tenuta Fratini
Sito di cantina costruito su paesaggio, processo e racconto del prodotto.
Next.js, Prismic, Framer Motion.
Scheda.
Tenuta Fratini, cantina in Next.js e Prismic
Home a video e percorso a slide, tre vini, stories editoriali, in italiano e inglese. Con uno studio partner, 2024.
Contesto & brief
Sito ufficiale di Tenuta Fratini (tenutafratini.com): la cantina raccontata attraverso paesaggio, processo e prodotto, in italiano e inglese. Progetto sviluppato con uno studio partner.
Cosa ho sviluppato
- Home: video in apertura e percorso a slide.
- Pagine di racconto: azienda, origini e coltivazione, cantina e vinificazione, i tre vini (Hortense, Harte, Clinio), gallery.
- Stories editoriali gestite in Prismic.
- Form e accesso: form di contatto protetto dallo spam; verifica dell'età all'ingresso.
- Motion: Framer Motion; slider Swiper.
Architettura & stack
| Layer | Tecnologia |
|---|---|
| Framework / App Router | Next.js 14, React |
| CMS | Prismic |
| Motion e 3D | Framer Motion, Swiper |
| E-commerce e pagamenti | — |
| Analytics / osservabilità | — |
| Servizi e hosting | — |
Decisioni chiave & trade-off
Racconto nel codice, stories nel CMS
Il testo di marca, lungo e stabile, è controllato al rilascio; le storie si aggiornano in autonomia da Prismic.
Framer Motion come unico motore di motion
Coerente con uno stack interamente React.
Crediti & riconoscimenti
Sviluppo: Luca Lodi. Studio: Glue Glue. Cliente: Tenuta Fratini.
tenutafratini.com, 2024 — Next.js 14, Prismic, Framer Motion.
Servizi collegati: siti web animati · Next.js e CMS headless · sviluppo per agenzie · Guida: aggiornare i contenuti da solo
Stack
Headless, Next.js, Prismic CMS, Framer Motion, Swiper