Panoramica

L’esperienza mette al centro l’“anima” del locale: cucina napoletana autentica e pesce fresco, raccontati con una comunicazione visiva chiara e una navigazione semplice. Le call‑to‑action sono immediatamente visibili (menu, contatti, indicazioni), mentre le micro‑interazioni mantengono alta la percezione di qualità e la sensazione di fluidità.

Contenuti e funzionalità

Il sito presenta il menu organizzato per categorie, la descrizione dell’atmosfera e dei plus del locale, e una sezione contatti con form e mappa Google per raggiungere il ristorante. Le gallerie e i caroselli valorizzano i piatti e l’ambiente, mantenendo tempi di caricamento contenuti e una resa coerente su mobile e desktop.

Animazioni ed effetti visivi

Animazioni curate con GSAP e ScrollTrigger: la “pizza rotante” reattiva allo scroll, elementi decorativi (come i peperoncini) con parallax morbido e banner animati che danno ritmo alla pagina. Le transizioni tra sezioni sono fluide per sostenere una narrativa visiva senza “jank”.

UX e performance

Design responsive, componenti accessibili e ottimizzazioni per ridurre LCP/CLS (lazy sui media, immagini ottimizzate). Validazioni solide per i form e feedback non invasivi aiutano l’utente a completare le azioni senza attrito. Logging e gestione errori supportano la qualità dell’esperienza in produzione.

Ruolo e collaborazione

Mi sono occupato del front‑end e dell’esperienza utente: progettazione delle sezioni principali, implementazione delle animazioni con GSAP/ScrollTrigger, integrazione del video hero, strutturazione del menu e setup della pagina contatti con mappa, con attenzione a performance e metadati SEO.

Highlight tecnico

• Next.js 15 + TypeScript con App Router e ottimizzazioni per Web Vitals.
• Animazioni con GSAP/ScrollTrigger calibrate per fluidità e stabilità visiva.
• Caroselli e gallerie con Embla, responsive e touch‑friendly.
• Tailwind per un design system coerente e accessibile.
• Validazioni robuste e feedback UX chiari sui form.
• Ottimizzazione immagini/media e attenuazione di LCP/CLS.