Panoramica

Il sito racconta l’identità dell’agenzia attraverso una homepage ricca di sezioni animate, un portfolio con case study dettagliati e contenuti coerenti in entrambe le lingue. L’uso combinato di animazioni leggere e micro‑interazioni guida l’utente senza compromettere performance e accessibilità.

Animazioni e interazione

• Hero con galleria animata e parallax.
• Scroll‑triggered animations per introdurre sezioni e contenuti.
• Counter animati per metriche e numeri chiave.
• Smooth scrolling con integrazione Lenis + GSAP per transizioni “setose”.

Multilingua e contenuti

• Localizzazione completa in italiano e inglese.
• Testi gestiti tramite JSON, routing e metadati coerenti per lingua.
• Portfolio con progetti e case study strutturati, immagini ottimizzate e navigazione chiara.

UX e performance

• Design responsive e componenti accessibili.
• Ottimizzazione immagini/media per migliorare LCP/CLS.
• Micro‑interazioni e hover effect misurati per enfatizzare contenuti chiave.

Ruolo e collaborazione

Mi sono occupato del front‑end: architettura UI, integrazione di GSAP/ScrollTrigger e Lenis, realizzazione delle sezioni homepage (hero, servizi, progetti, partner, testimonial, valori, contatti), setup multilingua e ottimizzazioni per performance e coerenza dei contenuti.

Highlight tecnico

• Next.js 15 (App Router) + React 19 in TypeScript.
• GSAP/ScrollTrigger per animazioni controllate dallo scroll.
• Lenis per smooth scrolling integrato nel render loop.
• Tailwind + Radix UI per un design system accessibile e consistente.
• Embla Carousel per gallerie fluide e touch‑friendly.
• next‑intl per gestione multilingua basata su JSON.