Una escena con propósito
El movimiento debe ayudar a mostrar un producto o explicar una idea. Si solo retrasa llegar al precio o al botón, está ocupando el lugar equivocado.
El reel no nombra la herramienta en el audio. Esta guía propone un camino actual con Spline o Three.js según el proyecto; no afirma que una de ellas fuera exactamente la mostrada. Puedes usar la que ya maneje tu equipo.
Define antes de construir
Describe el objeto, qué puede hacer el visitante y qué debe entender. Ejemplo: “Quiero girar una silla para ver respaldo y asiento, y después abrir sus medidas”. Necesitas imágenes o modelos que tengas permiso de usar.
Prompt de implementación
Mejora esta página con una escena 3D que ayude a explicar [producto].
Página y stack: [URL o archivos].
Acción principal de negocio: [acción].
Recursos autorizados: [imágenes o modelo].
Marca: [colores, tipografía y tono].
Antes de añadir dependencias, revisa qué ya usa el sitio.
Propón Spline, Three.js o una alternativa más ligera, con su costo
de carga y mantenimiento. No añadas 3D si una imagen resuelve mejor.
Requisitos:
- El texto y el CTA deben funcionar sin cargar la escena.
- En móvil muestra primero una imagen estática real.
- Carga la escena cuando sea necesaria.
- Respeta la preferencia de movimiento reducido.
- Permite navegar con teclado y ofrece texto equivalente.
- No bloquees el desplazamiento de la página.
- El objeto no debe tapar botones ni crear saltos de diseño.
- No uses modelos o música sin licencia.
- Mide peso, carga y funcionamiento en teléfono antes y después.
- Si el dispositivo no soporta el efecto, conserva una versión útil.
Entrega una demostración revisable y los resultados de las pruebas.
No prometas que el efecto aumentará ventas sin medirlo.
Tu prueba de aceptación
Abre la página con datos móviles y pregunta a alguien qué se vende y cómo avanzar. Si tiene que esperar a que termine una animación para responder, simplifica.
Comprueba también el botón de regreso, el giro de pantalla y el formulario. El sitio se considera terminado cuando el visitante puede completar la acción principal en todos los casos, no cuando una captura luce impresionante.