Tipologia prodotto
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)
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.
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
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).
Hai bisogno di aiuto per sviluppare il tuo progetto?
Vuoi dare vita al tuo website, a un e-commerce a un’app o a un software personalizzato? Ti servono informazioni? Non sai da dove iniziare?