Andrea Vannetti

02Enoteca a Gaiole in Chianti — Dal 2003

La Cantinetta del Chianti

Per un’enoteca nel centro di Gaiole in Chianti: un sito nuovo e veloce, con i colori del vino e oltre 200 etichette da scoprire.

Luogo
Gaiole in Chianti
Ruolo
Design, sviluppo e messa online
Settore
Enoteca
Stato
Online · lacantinettadelchianti.it
Next.jsTypeScriptWordPress HeadlessMaterial UI
Screenshot di La Cantinetta del Chianti

Il progetto

La Cantinetta del Chianti è un’enoteca nel centro di Gaiole in Chianti, aperta dal 2003: vini del territorio e dal mondo, prodotti tipici, degustazioni e aperitivi.

Il proprietario aveva bisogno di rifare il sito, ormai vecchio e lento. Ho seguito tutto il progetto, dal design alla messa online.

La direzione

I colori del vino e della cantina: rosso merlot per i pulsanti, bordeaux scuro per le sezioni di stacco, oro per i dettagli, su un fondo crema. Titoli in corsivo calligrafico e, tra una sezione e l’altra, citazioni sul vino volute dal cliente.

Crema#FEFCFB
Merlot#7D1A2C
Bordeaux#4A0E1E
Oro#C4A882
Apple ChanceryTitoli e citazioni
DM SansTesti
Prodotti tipici e la citazione «Wine not?» su fondo bordeaux

La proposta della settimana

In homepage, una selezione di vini in evidenza. Per cambiarla basta segnare i vini come “in evidenza” in WordPress.

La proposta della settimana con tre bottiglie in evidenza

Le cantine, zona per zona

Nella pagina Vini le cantine sono divise per provenienza: Chianti Classico, il resto della Toscana, le altre regioni italiane, la Francia e il resto del mondo, più superalcolici e liquori. Ogni gruppo si apre a fisarmonica.

Elenco delle cantine diviso per zona

Storie e fotografie

Racconti del territorio e dell’enoteca, come la leggenda del Gallo Nero, e album fotografici che si sfogliano e si aprono a tutto schermo.

Album fotografico del Chianti nella pagina Storie

Quello che non si vede

Contenuti da WordPress

Vini, prodotti, cantine e album si gestiscono da WordPress. Il sito si aggiorna da solo entro un minuto.

In italiano e in inglese

Ogni pagina ha la sua versione inglese.

Veloce

Pagine preparate dal server e immagini ottimizzate, al posto di un sito vecchio e lento.

Su ogni schermo

Homepage della Cantinetta su telefono
Pagina Storie della Cantinetta su telefono

Per i curiosi: com’è fatto

Frontend

Next.js 16 con React 19 e TypeScript. Interfaccia costruita con Material UI, animazioni con Framer Motion. Hosting su Vercel.

WordPress headless

WordPress su Cloudways fa solo da archivio dei contenuti: il sito li legge tramite REST API, con tipi di contenuto dedicati per vini, prodotti, cantine e album e campi personalizzati ACF.

Sempre aggiornato

Le pagine vengono rigenerate in automatico al massimo ogni 60 secondi, così le modifiche fatte in WordPress arrivano online senza ripubblicare il sito.

Due lingue

Italiano e inglese con next-intl, con contenuti WordPress richiesti nella lingua della pagina.

Galleria

Album fotografici con lightbox a tutto schermo.

SEO e privacy

Sitemap, robots e metadati per ogni pagina in entrambe le lingue. Cookie e consenso gestiti con iubenda.

07Parliamone

Il tuo progetto potrebbe essere il prossimo

Raccontami la tua idea e la trasformiamo insieme.

Parliamone