Overview

The site conveys the agency’s identity through an animated, section‑rich homepage, a well‑structured projects portfolio, and consistent content in both languages. Subtle motion and micro‑interactions guide users without sacrificing performance or accessibility.

Animation and interaction

• Animated hero with parallax gallery.
• Scroll‑triggered reveals across key sections.
• Animated counters for metrics and highlights.
• Lenis + GSAP integration for buttery‑smooth transitions.

Multilingual and content

• Full Italian/English localization.
• JSON‑driven copy, locale‑aware routing and metadata.
• Portfolio with detailed case studies, optimized images, and clear navigation.

UX and performance

• Responsive, accessible components.
• Image/media optimizations to improve LCP/CLS.
• Measured micro‑interactions and hovers to emphasize key content.

Role and collaboration

I led the front end: UI architecture, GSAP/ScrollTrigger and Lenis integration, implementation of homepage sections (hero, services, projects, partners, testimonials, values, contact), multilingual setup, and performance/content coherence tuning.

Technical highlights

• Next.js 15 (App Router) + React 19 with TypeScript.
• GSAP/ScrollTrigger for scroll‑driven motion.
• Lenis‑based smooth scrolling in the render loop.
• Tailwind + Radix UI for an accessible, consistent design system.
• Embla Carousel for smooth, touch‑friendly galleries.
• next‑intl for JSON‑based multilingual content.