Zi Peppino

Nel cuore del borgo antico di Termoli, Zi Peppino è uno storico ristorante di pesce con un'identità precisa, fatta di tradizione, mare e accoglienza. Il sito web doveva restituire la stessa atmosfera a chi lo scopre online, e allo stesso tempo essere uno strumento pratico per chi cerca dove mangiare.

Per questo abbiamo realizzato un restyling completo, ripartendo da zero sia nel design sia nella tecnologia, con due priorità chiare: un'estetica costruita su misura e la massima velocità.

Un design su misura, nato in Figma

Niente template: ogni pagina è stata progettata in Figma partendo dall'identità del ristorante, dai suoi colori e dalle sue immagini. Il risultato è un sito riconoscibile, che comunica il carattere del locale prima ancora di sedersi a tavola.

Mobile-first, pensato per chi cerca dove mangiare

Chi cerca un ristorante lo fa quasi sempre dallo smartphone, spesso mentre passeggia o pianifica la serata, e a Termoli molti di questi visitatori sono turisti. Il sito è stato progettato mobile-first, con una navigazione semplice e immediata, per trovare in pochi secondi le informazioni che servono.

Menù, storia e immagini del locale

Il sito racconta Zi Peppino attraverso tre elementi: il menù, consultabile comodamente anche da smartphone, la storia del locale, che dà profondità a un ristorante radicato nel borgo antico, e una gallery fotografica che mostra piatti, sale e atmosfera. Sono i contenuti che trasformano una ricerca online in una prenotazione al telefono.

La velocità come ingrediente principale

Un sito lento fa perdere clienti prima ancora che leggano il menù. Ogni scelta tecnica è stata orientata ai tempi di caricamento, per un'esperienza fluida anche con connessioni mobili non perfette, come capita spesso nei centri storici.

Più visibilità sui motori di ricerca

Velocità, struttura pulita e contenuti ben organizzati sono anche la base della SEO. Il sito è stato ottimizzato per farsi trovare da chi cerca un ristorante di pesce a Termoli, affiancando il passaparola che da sempre accompagna il locale.

Under the hood

Il sito è sviluppato con Nuxt.js, il framework basato su Vue.js, e le pagine vengono generate staticamente in fase di build: in produzione arrivano all'utente già pronte, senza elaborazioni lato server, con tempi di caricamento minimi e piena indicizzabilità da parte dei motori di ricerca.

Le immagini, fondamentali per un ristorante, sono servite in formato WebP e caricate in lazy loading, così la gallery resta ricca senza appesantire la pagina. L'interfaccia è realizzata con Tailwind CSS, mentre design ed esperienza utente sono stati progettati interamente in Figma.