Qué es un vídeo demo de producto: el producto, trabajando
Un vídeo demo de producto es una pieza corta en la que tu producto real hace en pantalla el trabajo para el que existe, mientras una voz cuenta lo que está pasando. Responde a «¿cómo se ve cuando lo uso?», que es otra pregunta distinta de la del vídeo explicativo («¿por qué me importa?») o la del tutorial («¿cómo hago esto?»).
Esta guía es para el fundador o la responsable de marketing de producto que oye a menudo «necesitamos una demo» y quiere saber de qué vídeo se trata. Comparamos dos montajes de una misma demo real, hecha a partir de dogebot.net, y después repasamos qué debe salir en pantalla.
DogeBot: una demo de 61 segundos en 16:9 hecha a partir de dogebot.net, 97 palabras locutadas. Un lienzo sin código para bots de Discord: arrastras bloques, los conectas, guardas y el bot queda activo, alojado 24/7.
Demo, explicativo, tutorial, promocional: cuatro preguntas distintas
Estos cuatro vídeos se confunden porque todos pueden ser cortos, locutados y salir de la misma web. Lo que los separa es la pregunta que responde cada uno y, por tanto, lo que llena la pantalla.
| Vídeo | La pregunta | Quién lo ve | Qué llena la pantalla | Duración habitual |
|---|---|---|---|---|
Vídeo demo de producto | «¿Cómo se ve cuando funciona?» | Alguien que duda si probarlo | El producto real, haciendo una tarea | De 30 s a unos minutos |
Vídeo explicativo | «¿Por qué me importa?» | Alguien nuevo en la categoría | El problema, la idea, algo de producto | 30–90 s |
Tutorial | «¿Cómo hago esto?» | Un usuario actual, a mitad de una tarea | Cada clic, en orden | 1–10 min |
Vídeo promocional | «¿Por qué actuar ahora?» | Alguien que ya te conoce un poco | La oferta, el precio, el plazo | 15–45 s |
Una prueba rápida: si pudieras cambiar el producto por una foto de banco de imágenes y el vídeo siguiera teniendo sentido, no es una demo. Cada vecino tiene su guía: qué es un vídeo explicativo, qué es un vídeo tutorial y qué es un vídeo promocional.
Las tres duraciones de una demo y dónde va cada una
«Demo» también abarca tres duraciones muy distintas. Decide cuál necesitas antes de escribir una sola línea, porque cada una tiene su público y su sitio.
| Duración | Palabras | Qué cubre | Dónde va |
|---|---|---|---|
Teaser de 30 segundos | Algo más de 50–60 | Una acción y su resultado | Redes sociales, un anuncio, la cabecera de una publicación de lanzamiento |
Presentación de 60 a 90 segundos | Algo más de 105–130 para 60 s, más para 90 s | La tarea de principio a fin: problema, dos o tres acciones, resultado, una llamada a la acción | Portada, página de destino, galería de lanzamiento, correo comercial |
Recorrido largo | Varios cientos | Cada pantalla principal, los ajustes, los casos límite | Una página de demo, un seguimiento comercial, un canal de YouTube |
La locución es una sola toma continua y las escenas se la reparten, así que las palabras marcan la duración (lo explicamos en la narración es la duración). En español hacen falta algunas palabras más que en inglés para el mismo tiempo. PageToVid hace vídeos de 15 a 180 segundos, lo que cubre el teaser y la presentación. El recorrido largo, con alguien que hace clic durante diez minutos y explica cada decisión, mejor grábalo tú.
Dos montajes de una demo real: DogeBot en 45 y 61 segundos
DogeBot (dogebot.net) permite a quienes gestionan servidores de Discord montar un bot en un lienzo de arrastrar y soltar, sin escribir código. De su web salieron dos vídeos, los dos en 16:9 y grabados sobre la versión de escritorio en nuestro navegador en la nube: una comparación limpia de dos duraciones con el mismo producto.
El montaje de 61 segundos tiene 97 palabras locutadas, en inglés. Arranca con «Still building Discord bots with complex code?», nombra el producto y a quién sirve en la frase siguiente y dedica casi todas sus palabras al lienzo: arrastrar bloques, conectarlos, construir la lógica sin código, más de 100 bloques, 12 módulos y 100 variables. Después llegan los dos datos que alguien con un servidor comprueba antes de probar nada: los comandos se activan al guardar y el bot está alojado 24/7. Cierra con el plan gratuito, sin tarjeta.
El montaje de 45 segundos tiene 79 palabras y la misma columna vertebral: el problema del código, el lienzo, el número de bloques, el alojamiento, el plan gratuito. La versión corta quita repeticiones, no datos. Su gancho nombra en cambio el coste del método antiguo («Traditional coding takes weeks») y conserva un detalle que importa a quien tiene un bot: las claves de API siguen protegidas.
Uno al lado del otro, los dos vídeos enseñan de qué está hecha una demo. El problema ocupa una frase; el producto, todo lo demás. Cada cifra se puede comprobar en dogebot.net. El final es la oferta de la propia página: empieza gratis. Pasar de 61 a 45 segundos costó 18 palabras y ningún plano del producto: se recorta la segunda forma de decir algo, nunca la pantalla que lo demuestra.
Qué enseñar en pantalla, por orden de importancia
Una demo se juzga por sus pantallas. Este es el orden que seguimos al planificar los planos de una demo a partir de una página:
- La pantalla de trabajo. El lienzo, el editor, los resultados de búsqueda, un panel con datos. Va debajo de cada frase que describe una acción.
- El momento del cambio. Un bloque que cae en el lienzo, un campo que se rellena, un resultado que aparece. Nuestro grabador puede escribir una búsqueda real o pulsar un botón real en la página en vivo.
- La prueba en la página. Un número de bloques, una valoración. Graba la zona de la página donde vive esa cifra, para que esté en pantalla mientras la voz la dice.
- La llamada a la acción, sobre el botón. Termina con el texto del botón de la página y el botón en el encuadre.
- La cabecera, una vez. Una escena para plantear el problema. Una demo que no sale de la cabecera es un eslogan leído en voz alta.
Cuando la página no puede enseñar un momento, como el bot respondiendo dentro de Discord, una escena de animación gráfica lo cubre; las opciones están en los visuales de escena.
Errores que vemos en los renders de demos
- La lista de funciones. Doce funciones en 45 segundos es un folleto. Elige la tarea que un usuario nuevo hace primero.
- La página equivocada. Pegar la portada cuando una página de función o una demo pública enseña mucho mejor el producto.
- Una app de escritorio en un marco de móvil. En PageToVid, el 9:16 graba la versión móvil de la web en una pantalla de teléfono. Si tu producto necesita pantalla ancha, haz la demo en 16:9.
- Tres llamadas a la acción. Regístrate, reserva una llamada, síguenos. Elige una.
Hacerla desde tu página y cuánto cuesta
Pega la URL en la página de nuevo vídeo, elige el formato y la duración y escribe en el brief la tarea que quieres enseñar y cualquier frase que deba decirse tal cual. Leemos la página, escribimos el guion gráfico, grabamos la web en vivo en un navegador real en la nube con densidad retina, grabamos la voz en una sola toma y cortamos los subtítulos a partir de ella, en unos 10 minutos. Cada escena se puede editar después; un nuevo render cuesta un render, 40 créditos.
El primer vídeo de cualquier web es gratis y sin tarjeta; los vídeos gratis llevan una pequeña marca de agua y una pantalla final. Un vídeo sin suscripción cuesta 3,90 $; el plan Creator a 19 $ al mes cubre 25 vídeos (precios).
Para el paso a paso, con un guion escena por escena y la grabación detrás de un inicio de sesión, lee cómo hacer un vídeo demo SaaS. Tienes más vídeos en el caso de uso de vídeo demo SaaS, y PageToVid frente a Loom explica cuándo conviene grabarlo tú.
Cuándo tu demo no debería salir de PageToVid
Una demo personal y en directo. Si un cliente potencial quiere respuestas sobre sus propios datos y sus propias dudas, grábala con Loom o hazla en una videollamada: la conversación es la demo.
Un recorrido largo. Diez minutos por todas las pantallas, con alguien explicando cada decisión, es trabajo para un grabador de pantalla: Loom, Screen Studio u OBS.
Un producto sin página web que grabar. Una app móvil nativa, un programa de escritorio o un aparato se graban en el propio dispositivo. Para un producto físico, la cámara del móvil y CapCut ganan a cualquier screencast.
Un vídeo de lanzamiento con actores y decorado. Eso es trabajo para una agencia o una productora.
Convierte tu sitio web en un vídeo — gratis
Pega la página que quieres filmar. PageToVid escribe el guion, graba el sitio real, pone la voz y entrega el MP4.
Preguntas frecuentes
¿Qué es un vídeo demo de producto?
Una pieza corta que enseña tu producto real haciendo su trabajo en pantalla, con una voz que describe cada paso. Muestra el producto en uso, mientras que un vídeo explicativo cuenta por qué importa y un tutorial enseña una tarea a quien ya es usuario.
¿Cuánto debe durar un vídeo demo?
Treinta segundos para un teaser en redes, de 60 a 90 segundos para una presentación en la portada y varios minutos solo para un recorrido que los compradores que ya están evaluando elegirán ver. En español, una demo de 60 segundos necesita algo más que las 105 a 130 palabras del inglés.
¿En qué se diferencia un vídeo demo de un vídeo explicativo?
En la pantalla. Una demo es sobre todo el producto funcionando. Un vídeo explicativo dedica casi todo su tiempo al problema y a la idea, y puede enseñar el producto solo de pasada. Muchas empresas necesitan los dos: el explicativo para quien llega de nuevas y la demo para quien ya compara herramientas.
¿Puedo hacer una demo de producto sin grabar mi pantalla?
Sí. PageToVid graba la página en vivo en un navegador en la nube a partir de su URL, escribe la narración a partir de la página y graba una voz con inteligencia artificial, así que nunca tienes que grabar una toma. Las páginas tras un inicio de sesión necesitan una sesión de captura, desde el plan Scale.