Tipologia
Sito web
Cliente
Wiva ADV
Stato
In sviluppo
Descrizione
Sito vetrina/landing in Next.js con scene 3D interattive, animazioni scroll-driven e smooth scrolling.
Wiva ADV 3D rappresenta la frontiera del front-end engineering orientato al marketing digitale e al branding immersivo dell'ecosistema aziendale. Concepito come una landing page ad altissimo impatto visivo, il progetto rompe i canoni dei siti statici tradizionali per posizionarsi come un'esperienza web interattiva. Il sito è strutturato per catturare l'utente fin dal primo touchpoint, alternando sofisticate sezioni grafiche a statistiche dinamiche, gallerie a scorrimento orizzontale non convenzionali e transizioni fluide. L'obiettivo è comunicare l'innovazione tecnologica del brand attraverso un'interfaccia utente fluida, performante e visivamente straordinaria.
Finalità
Sito promozionale/landing page ad alto impatto visivo, presumibilmente per la presentazione di un prodotto o servizio (brand “Wiva”). Punta sull’esperienza immersiva: scene 3D, gallerie orizzontali, sezioni animate e statistiche, tipico di una vetrina marketing per un’agenzia o un prodotto digitale.
Tecnologie
- Next.js 16 (App Router) + React 19 + TypeScript
- Three.js con @react-three/fiber e @react-three/drei per il rendering 3D
- GSAP (+ @gsap/react) per le animazioni
- Lenis per lo smooth scrolling
- Tailwind CSS v4; ESLint 9
- Gestione pacchetti con pnpm (workspace)
Funzionalità principali
- Scene 3D interattive (HeroScene, SceneBackground) integrate nella pagina
- Sezioni animate a scorrimento: Hero, Process, PinnedFeatures, HorizontalGallery, Stats, CodeToApp, CTA
- Smooth scroll e reveal animati legati allo scroll
- Background 3D dinamico
Note
Progetto recente (giugno 2026) e ancora in fase di sviluppo iniziale. Fa parte dell’ecosistema “wiva” ma e tecnologicamente a se (Next.js/React/3D), non un duplicato dei gestionali Laravel.
Particolarità
Uso di una versione molto recente di Next.js (16) con React 19 e Tailwind 4; il file AGENTS.md avvisa esplicitamente che questa versione di Next.js ha breaking changes rispetto alle convenzioni note. Forte componente grafica/3D con composizione di sezioni cinematiche e scroll orchestrato (GSAP + Lenis + R3F).