Pagina di esperienza prodotto per orologi di lusso 3D (Next.js + Three.js)

Progettare una pagina di esperienza prodotto 3D per un orologio di lusso.
**Utenti target:** clienti facoltosi, appassionati di orologi e uomini d'affari di età compresa tra 30 e 50 anni.
**Tono del brand:** Lusso × Tecnologia (un'atmosfera moderna, sofisticata e di fascia alta).
Esperienza di scorrimento (5 sezioni):
Sezione Hero – l'orologio appare lentamente dall'oscurità alla luce mentre ruota. Implementare effetti olografici e riflessioni di Fresnel con shader personalizzati.
Zoom sui dettagli – primo piano del quadrante. Utilizzare GLSL per ottenere riflessi metallici, parallax mapping e lucentezza in tempo reale.
Disassemblaggio del meccanismo – l'orologio si smonta e il movimento interno fluttua nello spazio. Utilizzare uno shader di displacement per un effetto campo energetico e aggiungere effetti di bagliore a ogni parte.
Esperienza sui materiali – passare tra diverse varianti di materiale. Esprimere la metallicità, la rifrazione del vetro e la texture opaca del titanio con shader PBR in modo fisicamente accurato.
Finale – l'orologio si riassembla, con uno sfondo astratto a maglie sfumate realizzato con uno shader personalizzato. Applicare post-processing come bloom e profondità di campo.
**Stack tecnologico:** Next.js 15 + Three.js + React Three Fiber + GLSL (shader personalizzati) + react-postprocessing + Lenis.
Requisiti shader:
Shader di riflessione di Fresnel (effetto rim-light)
Shader di materiale PBR (roughness, metallic, AO)
Shader olografico (effetto di interferenza iridescente)
Shader di displacement (effetti di ondulazione e distorsione)
Shader di sfondo personalizzato (rumore sfumato)
Post-process: Bloom, ChromaticAberration, DepthOfField, Vignette.
Si prega di proporre valori numerici specifici per:
Intervallo di scorrimento di ogni sezione (in % o unità vh)
Parametri di animazione (valori iniziali/finali per posizione, rotazione, scala, ecc.)
Funzioni di easing (tipo di easing)
FOV della telecamera, posizione e valori target
Impostazioni di illuminazione (intensità, colore, posizione)
Valori uniformi per ogni shader (progressione temporale, progresso dello scorrimento, tonalità, intensità, ecc.).