Drommo
Showroom 3D de tecnología — laboratorio de proof de producto
Página web

Showroom 3D de tecnología — laboratorio de proof de producto

Prompt

Un showroom orientado a proof de producto, demos, validación técnica y narrativa de conversión. Un showroom tipo laboratorio centrado en demostración técnica, storytelling de producto y snippets interactivos. Un showroom de profundidad para demos de producto, pruebas técnicas y snippets interactivos. Showroom tech en light mode con producto sobre pedestal. Hotspots técnicos rodean el producto; al activar uno se reproduce un video demo que muestra integración, API calls y casos de uso. El video se sincroniza con la animación del producto — por ejemplo, un demo de autenticación activa un flujo de login animado en la interfaz 3D. Panel de snippets de código con resaltado Prism.js, botón Copiar y enlace Sandbox. Modo Deep Dive que pausa la animación global y permite inspeccionar internals con overlays y microvideos. Enlaces compartibles con timestamp y hotspot activo. Assets: videos 720p, modelos GLB con LOD, snippets preloaded. Accesibilidad: transcripciones, aria en hotspots, prefers-reduced-motion, versión 2D. **Entregables:** index.html, styles.css, techshowPro.js, assets/ (modelos GLB, videos demo, snippets JSON). **Stack:** Three.js, video HTML5, Prism.js, GSAP. **Interactions:** Hotspot activa video y animación sincronizada, snippets interactivos, modo Deep Dive, enlaces compartibles.

Tipo
Página web
Tecnología
Three.js, video HTML5, Prism.js, GSAP
  • 3D
  • tech showroom
  • light mode
  • product
  • hotspots
  • video demo
  • code snippets
  • Prism.js
Crear en Drommo

«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.

Ideas parecidas

Clon de Snapchat: Historias y ARPágina web

Clon de Snapchat: Historias y AR

Clon objetivo: espere másPágina web

Clon objetivo: espere más