Problema
Un asistente de voz parece uno más de la categoría. Había que lograr que un desconocido entendiera en segundos qué hace Destiny y por qué se distingue, sin prometer lo que el producto aún no hace.
Destiny Web · Web de lanzamiento · experiencia 3D
Web de lanzamiento de Destiny: un viaje 3D de siete capítulos hasta la lista de espera
Un solo escenario 3D por el que la cámara viaja, sin cortes, de «El vacío» a «El portal» mientras te desplazas. Presenta a Destiny y termina en un formulario de lista de espera. Gráficos y sonido se generan en el navegador.
Servicio Páginas web y tiendas online
- Estado
- Producto propio
- Tipo
- Sitio web de presentación
- Plataforma
- Navegador (WebGPU con respaldo WebGL2)
- Año
- 2026
El proyecto en 30 segundos
Qué resuelve y para quién
Solución
Una sola escena por la que la cámara avanza de capítulo en capítulo, con un mensaje directo —«Habla. Destiny lo hace.»— y una demo rotulada como ejemplo ilustrativo. El recorrido termina en una lista de espera que confirma el registro de verdad.
Para quién
Futuros usuarios de Destiny y equipos que quieren ver cómo se construye una web de producto con nivel de estudio.
Qué hace
Qué hay en la web
01
Viaje sin cortes
Siete capítulos en un solo lienzo: la cámara se desplaza con el scroll, sin pantallas vacías entre capítulos y con fallback automático a WebGL2.
02
El mensaje en segundos
Titulares directos y 88 habilidades agrupadas por lo que el usuario logra, con un único botón de entrada.
03
Demo ilustrativa
«Pídele algo. Míralo actuar.»: eliges una orden y ves cómo se ejecuta paso a paso. No usa el micrófono y está rotulada como ejemplo.
04
Lista de espera real
El portal final guarda tu correo en el servidor y solo muestra «Listo» si el registro se confirmó; si falla, lo dice.
En cifras
Lo construido
Medido en pruebas
Contenido principal en 96–132 ms
Versión de producción medida en una Apple M4 Pro, con WebGPU y con su respaldo WebGL2.
Medido en pruebas
97 a 163 cuadros por segundo
Según el capítulo, medido en una Mac de gama alta.
Medido en pruebas
0 errores en 14 escenarios de arranque
Pruebas automáticas en los motores Chromium, WebKit y Firefox.
Cómo está hecho
Tecnología detrás
Tecnología
three.js (WebGPU)ReactTypeScriptGSAPWeb Audio
Detalle técnico
three.js con shaders propios (TSL) que compilan a WebGPU o WebGL2 según el navegador; React Three Fiber, GSAP y scroll suave; audio sintetizado en tiempo real y cero modelos o texturas externas. La lista de espera usa una función de servidor con Resend. Se despliega como sitio estático en Vercel o Netlify.
Galería
Más pantallas del producto
Tu proyecto
¿Necesitas algo como Destiny Web?
Cuéntanos la idea en dos líneas. Te respondemos con alcance, plazo y una primera propuesta.
Sigue explorando
Más proyectos
Legacy — Prototipo de bóveda digital con guardianes de confianza, en 3 idiomas
Sitio de presentación en tres idiomas con demo de grabación de voz local, lista de espera y la propuesta de bóveda con guardianes. El producto completo aún no existe.
Ver caso
Orandes — Tienda web de mieles peruanas con recetas, blog y panel de administración
Tienda web de cinco mieles y jarabes peruanos, con 32 recetas, blog, envíos a todo el país y un panel para gestionar productos, pedidos e inventario.
Ver caso
Ajedrez Mágico — Ajedrez 3D que se juega por voz, con árbitro en Python y motor propio
Tablero de ajedrez 3D en el navegador que se juega por dictado de voz, con reglas validadas en Python y un motor propio que responde en unos segundos.
Ver caso