Problema
Un assistente IA vocale sembra uguale a qualsiasi altro prodotto di IA. Bisognava far capire a uno sconosciuto, in pochi secondi, cosa fa Destiny e perché è diverso.
Destiny Web · Esperienza web 3D
Sito di lancio in 3D per l’assistente Destiny
Sette capitoli in un’unica scena 3D in cui la telecamera viaggia man mano che scorri la pagina, dal vuoto al portale di prenotazione. Tutto il 3D e il suono vengono generati nel browser stesso.
- Stato
- Prodotto proprio
- Tipo
- Sito di lancio
- Piattaforma
- Web (WebGPU / WebGL2)
- Anno
- 2026
Il progetto in 30 secondi
Che cosa risolve e per chi
Soluzione
Un’unica scena in cui la telecamera viaggia di capitolo in capitolo, con un messaggio diretto — «Gli altri assistenti rispondono. Destiny agisce.» — e una demo che mostra un comando eseguito passo dopo passo.
Per chi
Futuri utenti di Destiny e brand che vogliono un sito di prodotto di livello da studio.
Che cosa fa
Una storia, sette capitoli
01
Viaggio senza stacchi
Dal vuoto al portale di prenotazione, con telecamera coreografata e transizioni sovrapposte, senza schermate vuote tra un capitolo e l’altro.
02
Il messaggio in pochi secondi
Titoli diretti e 88 funzionalità raggruppate in base a ciò che l’utente ottiene, con un unico pulsante di ingresso.
03
Demo interattiva
«Chiedigli qualcosa. Guardalo agire.»: scegli un comando e vedi come viene eseguito passo dopo passo. È indicata come esempio illustrativo.
04
Accesso anticipato
Il viaggio termina in un portale con modulo di prenotazione per chi vuole essere tra i primi a usarlo.
In cifre
Ciò che è stato costruito
Misurato nei test
Prima visualizzazione in 96–132 ms
Versione di produzione misurata con GPU reale, con entrambe le tecnologie grafiche.
Misurato nei test
Da 97 a 163 fotogrammi al secondo
A seconda del capitolo, misurati su un Mac di fascia alta.
Misurato nei test
0 errori in 14 scenari di avvio
Test automatici su Chrome, Safari e Firefox.
Come è fatto
La tecnologia alla base
Tecnologia
three.js (WebGPU)ReactTypeScriptGSAPWeb Audio
Dettaglio tecnico
three.js con WebGPU e shader propri che si compilano per WebGPU o WebGL2 a seconda del browser; React Three Fiber, GSAP e scorrimento fluido della pagina; audio sintetizzato in tempo reale. Sito 100% statico.
Galleria
Altre schermate del prodotto
Il tuo progetto
Ti serve qualcosa come Destiny Web?
Raccontaci l’idea in due righe. Ti rispondiamo con ambito, tempi e una prima proposta.
Continua a esplorare
Altri progetti
Baluvi — E-commerce di prodotti naturali delle Ande
Sito di brand con negozio reale per miele di maguey, algarrobina e pappa reale: catalogo, acquisto in quattro passaggi e pannello con scorte e analytics.
Vedi il progetto
Legacy — Piattaforma di eredità digitale per lasciare messaggi e documenti alla famiglia
Cassaforte privata con messaggi vocali, una mappa di dove si trova ciò che è importante e custodi di fiducia che la aprono solo quando serve.
Vedi il progetto
Ajedrez Mágico — Gioco di scacchi in 3D che si gioca con la voce
Scacchiera fantasy che si gioca dettando le mosse; un arbitro software applica le regole ufficiali e lo schermo disegna solo ciò che è realmente accaduto.
Vedi il progetto