# Dale movimiento útil a tu página

Manuel de León · Recursos de IA para negocios · 8 de septiembre de 2026

Un prompt para añadir una escena 3D sin sacrificar carga ni lectura en móvil.

## 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

```text
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.

## Enlaces oficiales

- [Spline](https://spline.design/)
- [Three.js: documentación oficial](https://threejs.org/docs/)