Site de lançamento em 3D para o assistente Destiny

Sete capítulos em um único cenário 3D pelo qual a câmera viaja conforme você rola a página, do vazio ao portal de reserva. Todo o 3D e o som são gerados no próprio navegador.

Quero algo assim

Status: Produto próprio
Tipo: Site de lançamento
Plataforma: Web (WebGPU / WebGL2)
Ano: 2026

O projeto em 30 segundos

O que resolve e para quem

Problema

Um assistente de IA por voz soa igual a qualquer outro produto de IA. Era preciso fazer um desconhecido entender em segundos o que o Destiny faz e por que ele é diferente.

Solução

Um único cenário pelo qual a câmera viaja de capítulo em capítulo, com uma mensagem direta — “Outros assistentes respondem. O Destiny faz.” — e uma demo que mostra uma ordem sendo executada passo a passo.

Para quem

Futuros usuários do Destiny e marcas que querem um site de produto com nível de estúdio.

O que faz

Uma narrativa, sete capítulos

Viagem sem cortes

Do vazio ao portal de reserva, com câmera coreografada e transições sobrepostas, sem telas vazias entre os capítulos.

A mensagem em segundos

Títulos diretos e 88 habilidades agrupadas pelo que o usuário consegue fazer, com um único botão de entrada.

Demo interativa

“Peça algo. Veja em ação.”: você escolhe uma ordem e vê como ela é executada passo a passo. Está identificada como exemplo ilustrativo.

Acesso antecipado

A viagem termina em um portal com formulário de reserva para quem quer ser o primeiro a usar.

Em números

O que foi construído

Medido em testes

Primeira renderização em 96–132 ms

Versão de produção medida com GPU real, nas duas tecnologias gráficas.

Medido em testes

De 97 a 163 quadros por segundo

Conforme o capítulo, medido em um Mac topo de linha.

Medido em testes

0 erros em 14 cenários de inicialização

Testes automatizados no Chrome, no Safari e no Firefox.

Como é feito

Tecnologia por trás

Tecnologia

three.js (WebGPU)ReactTypeScriptGSAPWeb Audio

Detalhe técnico

three.js com WebGPU e shaders próprios, compilados para WebGPU ou WebGL2 conforme o navegador; React Three Fiber, GSAP e rolagem suave da página; áudio sintetizado em tempo real. Site 100% estático.

Galeria