Cómo grabar un video de entrega de sitio web que el cliente pueda seguir un año después.
El sitio ya está publicado y ahora el cliente tiene que llevarlo sin ti. Un video de entrega les ahorra a los dos una cadena de correos de soporte, siempre que muestre el sitio del propio cliente, cubra el puñado de cambios que va a hacer por su cuenta y siga coincidiendo con la pantalla la próxima primavera. Aquí tienes la estructura minuto a minuto, un guion para rellenar, un ejemplo resuelto y qué enviar junto con el archivo.
Prueba de 7 días · 49 $ una sola vez · sin suscripción · Apple Silicon · macOS 14+ · Interfaz de la app en inglésLa respuesta corta
Un video de entrega de sitio web es una grabación de pantalla de 8 a 12 minutos del sitio del propio cliente: cómo iniciar sesión, un mapa de un minuto del área de administración y, después, los cinco a ocho cambios que hará el cliente, cada uno desde el primer clic hasta el resultado publicado. En un Mac, Mayús-Comando-5 lo graba gratis; envía el archivo con un resumen escrito y comparte los accesos por separado. La vía gratuita no permite corregir después una sola sección, así que, si mantienes videos de entrega, Qreata (49 $ una sola vez) conserva el proyecto editable y vuelve a grabar solo el tramo que cambió.
El flujo de grabación
Haz la lista de las tareas del cliente, no de las funciones del sitio
Anota las cinco a ocho cosas que este cliente hará sin ti: cambiar el horario, añadir a alguien al equipo, publicar una entrada, sustituir una foto. Si no lo tienes claro, pregúntaselo. Lo que nunca vaya a tocar se queda fuera del video.
Inicia sesión como lo hará el cliente
Usa la cuenta del propio cliente o una con el mismo rol, no tu acceso de diseñador o de administrador. Así los menús en pantalla coinciden con los que verá, y descubres ahora si a su acceso le falta algo.
Limpia la pantalla
Activa «No molestar», cierra las pestañas de otros clientes, oculta la barra de marcadores y bloquea tu gestor de contraseñas para que no se abra encima del formulario de acceso. Pon la ventana del navegador a un tamaño fijo, por ejemplo 1920×1080, y anótalo.
Graba la vista general y luego cada tarea
Pulsa Mayús-Comando-5, elige tu micrófono en «Opciones» y graba. Di en voz alta el nombre de la tarea antes de empezarla y haz una pausa de dos segundos después de cada resultado publicado. En esas pausas es donde luego cortas o vuelves a grabar.
Corrige los deslices sin empezar de cero
Recorta el principio y el final. Quita un rodeo con un corte. Si en el minuto seis nombraste el botón que no era, vuelve a grabar solo esa sección; no merece la pena repetir una toma de diez minutos por una frase.
Exporta un MP4 y escribe el resumen
Mira una vez el archivo exportado y anota el minuto en que empieza cada tarea. Esa lista de marcas de tiempo, más una línea por tarea, es el resumen escrito que acompaña al archivo.
Entrega el archivo y conserva el original
Deja el MP4 en una carpeta que sea del cliente, envía los accesos mediante un gestor de contraseñas o por un canal aparte y conserva tu proyecto de grabación. Lo vas a necesitar la primera vez que el sitio cambie.
Qué debe incluir un video de entrega de sitio web, y en qué orden
Seis partes, en este orden. Las duraciones son nuestra recomendación editorial para un sitio corporativo o de un pequeño negocio; el orden importa más que los segundos. El acceso va antes del recorrido porque un cliente que no consigue entrar no verá el resto, y los límites van al final porque es lo que buscará cuando algo se rompa.
Si la lista de tareas pasa de ocho, o el total supera los 12 minutos, deja este video como vista general y graba las tareas extra como clips cortos aparte. Un cliente que busca «cómo añado un precio» no debería tener que rastrear un archivo de 25 minutos.
| Parte | Qué mostrar | Duración |
|---|---|---|
| 1. Apertura | Qué cubre este video, para quién es y la fecha en que lo grabaste | 20–30 segundos |
| 2. Inicio de sesión | La dirección de acceso, qué cuenta usar y cómo restablecer la contraseña | 30–45 segundos |
| 3. Mapa de la administración | Las tres o cuatro áreas que usará, nombradas como aparecen en pantalla | Alrededor de 1 minuto |
| 4. Tareas | De cinco a ocho cambios, cada uno desde el primer clic hasta la página publicada | 1–1,5 minutos cada una |
| 5. Dónde está cada cosa | Dominio, hosting o plan de la plataforma, mensajes del formulario, quién paga qué | Alrededor de 1 minuto |
| 6. Límites y contacto | Qué no cambiar, qué hacer si algo parece roto y cómo localizarte | 30–45 segundos |
Guion de video de entrega de sitio web para copiar
Sustituye los corchetes y ten la lista al lado de la pantalla mientras grabas. No hace falta leerla palabra por palabra. Sí hace falta que el orden esté fijado y que cada nombre de menú se diga exactamente como lo ve el cliente.
Di la fecha en la apertura a propósito. Un cliente que abra el archivo dentro de dos años debería saber qué antigüedad tiene, y cuando actualices el video es un arreglo de una sola frase.
- Apertura: «Este es el video de entrega de [dirección del sitio], grabado el [fecha]. Muestra cómo iniciar sesión y cómo hacer las [número] cosas que más vas a cambiar por tu cuenta».
- Inicio de sesión: «Ve a [dirección de acceso]. Entra con tu propia cuenta, la que invité en [correo]. Si olvidas la contraseña, usa [nombre del enlace de restablecimiento] en esta pantalla».
- Mapa: «Vas a usar tres áreas: [área 1] para [finalidad], [área 2] para [finalidad] y [área 3] para [finalidad]. Todo lo demás lo puedes dejar como está».
- Cada tarea: «Tarea [número]: [nombre de la tarea]. Abre [área]. Haz clic en [nombre exacto del control]. Cambia [campo]. Haz clic en [control de guardar o publicar]. Ahora abre la página publicada y comprueba que [resultado]».
- Dónde está cada cosa: «El dominio está registrado en [registrador], en la cuenta de [de quién]. El sitio funciona en [plataforma y plan], que se cobra a la tarjeta de [de quién]. Los mensajes del formulario de contacto llegan a [buzón]».
- Límites: «Por favor, no cambies [área o ajuste]; controla el diseño de todas las páginas. Si algo parece roto, no intentes arreglarlo. Escribe a [contacto] con una captura de pantalla».
Ejemplo resuelto: un sitio de 6 páginas en Webflow entregado a una clínica dental
El sitio tiene seis páginas: «Inicio», «Tratamientos», «Equipo», «Tarifas», «Blog» y «Contacto». Los miembros del equipo y las entradas del blog son elementos del CMS. Quien lo va a editar es la responsable de la oficina, que tiene acceso para editar contenido y ningún interés en cómo se construyó el diseño.
Preguntaste qué cambia en un año normal y te dieron cinco respuestas: el horario en festivos, una higienista nueva, una entrada de blog al mes, las tarifas cada enero y fotos nuevas después de una reforma. Esas cinco son las tareas. El video dura 10:30.
Dos detalles hacen útil esta versión. La tarea 1 muestra los dos sitios donde aparece el horario, la página «Contacto» y el pie de página, porque de lo contrario el cliente actualizaría uno y se le pasaría el otro. Y cada tarea termina en la página publicada, no en la pantalla de edición, para que la responsable de la oficina aprenda a comprobar el resultado tal como lo vería un paciente.
| Tiempo | Parte | Qué hay en pantalla |
|---|---|---|
| 0:00–0:30 | Apertura | Página de inicio; qué cubre el video y la fecha de grabación |
| 0:30–1:15 | Inicio de sesión | Dirección de acceso, la cuenta propia de la responsable de la oficina, restablecer la contraseña |
| 1:15–2:30 | Mapa | Lista de páginas, las colecciones «Equipo» y «Blog», el botón «Publish» (publicar) |
| 2:30–3:40 | Tarea 1: horario | Página «Contacto» y pie de página, publicar, comprobar la página publicada |
| 3:40–5:10 | Tarea 2: añadir a alguien al equipo | Nuevo elemento de «Equipo»: foto, nombre, cargo, publicar |
| 5:10–6:50 | Tarea 3: publicar una entrada del blog | Nuevo elemento de «Blog»: título, imagen de portada, texto, publicar |
| 6:50–7:50 | Tarea 4: actualizar una tarifa | Página «Tarifas», un precio cambiado y publicado |
| 7:50–8:50 | Tarea 5: sustituir una foto | Foto de la página de inicio cambiada por otra de las mismas proporciones |
| 8:50–9:40 | Dónde está cada cosa | Quién tiene el dominio, quién paga el plan de Webflow, adónde llegan los mensajes del formulario |
| 9:40–10:30 | Límites y contacto | El diseño y los ajustes del sitio no se tocan; a quién escribir |
Qué entregar junto con el video de entrega
El video es una de las cuatro cosas que necesita el cliente, y las otras tres se preparan en diez minutos. Envíalas juntas en un solo correo para que el cliente lo encuentre todo buscando un único mensaje.
La lista de marcas de tiempo hace de capítulos en cualquier reproductor: el cliente lee «5:10 Publicar una entrada del blog» y arrastra hasta el 5:10. Pídele que responda cuando lo haya visto. Un archivo en una carpeta no te da ningún contador de visualizaciones, así que una respuesta es la única confirmación que vas a tener.
Ejemplo de versión: clinic-handoff-v2. Las instrucciones indican la versión del sitio o CMS, el rol del cliente, la fecha, los nombres de archivo, el responsable y la próxima revisión. Pide al cliente que cambie el horario de prueba con su propio rol, publique y compruebe el horario en la página pública y en el pie. Una visualización o un acuse de recibo no prueba que pueda hacerlo.
Antes de actualizar, guarda una copia aparte del proyecto editable y sus archivos multimedia. Exporta con otra versión y conserva el MP4 anterior hasta la comprobación del cliente. Actualiza los tiempos después de cualquier corte. Editar el proyecto local no sustituye el archivo entregado ni el vídeo insertado en Notion.
| Elemento | Qué contiene | Dónde está |
|---|---|---|
| Video (MP4) | La grabación de la entrega, con el sitio y la fecha en el nombre | Una carpeta que sea del cliente, como su Google Drive |
| Resumen escrito | La lista de marcas de tiempo, una línea por tarea y los límites | El propio correo y un documento en la misma carpeta |
| Accesos | Invitaciones a las cuentas propias del cliente; sin contraseñas compartidas | Un gestor de contraseñas o un canal aparte, nunca el video ni el correo |
| Lista de titularidad | Registrador del dominio, plan de la plataforma, fechas de renovación, a qué tarjeta se cobra | El mismo documento que el resumen |
| Proyecto de grabación | El original editable del video | Contigo, para la próxima actualización |
Grabar un video de entrega gratis con Mayús-Comando-5, y hasta dónde llega
El grabador integrado en macOS basta para un primer video de entrega. Capta la pantalla y tu micrófono y guarda un archivo .mov en el escritorio. QuickTime Player abre la misma barra de herramientas desde «Archivo > Nueva grabación de pantalla».
Se queda corto en tres puntos. Las funciones de edición de QuickTime Player son acortar, dividir en clips, reorganizar, añadir un clip y eliminar audio o video: no hay zoom para un botón de publicar pequeño, ni subtítulos, ni forma de volver a grabar una sección en su sitio. En macOS 14, 15 y 26 el grabador integrado solo capta el micrófono, así que un sitio con un video o con sonido en la página se graba en silencio. Y el resultado es un archivo cerrado: cuando el cliente cambie el nombre de una opción del menú dentro de tres meses, tus opciones son un clip nuevo añadido a mano exactamente con el mismo tamaño de ventana o una nueva toma de diez minutos.
- Pulsa Mayús-Comando-5 y elige «Grabar la parte seleccionada»; arrastra el marco sobre la ventana del navegador. En macOS 26 Tahoe y posteriores puedes usar la grabación de la ventana seleccionada.
- Abre «Opciones», elige tu micrófono y activa la opción de mostrar los clics para que el cliente vea dónde haces clic.
- Haz clic en «Grabar» y sigue el esquema. Detén la grabación con el botón «Detener» de la barra de menús o con Comando-Control-Esc.
- Abre el .mov en QuickTime Player y usa el comando para acortar del menú «Edición» para quitar los tiempos muertos de los dos extremos.
- Si el error está en medio, divide el video en clips a su alrededor y elimina ese clip.
Mantener al día el video de entrega con Qreata
Un video de entrega es el tipo de grabación que tiene que seguir siendo cierta durante años, y para ese trabajo está hecha Qreata. El proyecto sigue siendo editable después de exportar, así que el video que enviaste en octubre se puede volver a abrir en enero.
Volvamos a la clínica. Tres meses después del lanzamiento cambian «Tratamientos» por «Servicios». En el video ese rótulo está en pantalla, y en tu narración, del 2:10 al 2:30, al final del mapa de la administración. Abre el proyecto, elige Replace Take (la herramienta «Rerecord» del editor) y arrastra con Mayús pulsada sobre 2:10–2:30 en la línea de tiempo. Abre la lista de páginas con el mismo tamaño de ventana, di la frase con el nombre nuevo y detén la grabación. La pantalla, la cámara, el micrófono y el audio del sistema se sustituyen a la vez en esos 20 segundos; los otros 10:10 quedan sin tocar. Exporta de nuevo y sustituye el archivo en la carpeta del cliente. El tramo tiene que estar dentro de un solo segmento y no puede cruzar un corte, una nueva toma más corta que el tramo se rechaza y una más larga se recorta a su medida.
Hay otras tres partes de Qreata que cuentan en el trabajo con clientes. El micrófono y el audio del sistema son pistas separadas, cada una con su propio «Mute» y un «Volume» del 0 al 200 %, así que un video que se reproduce solo en la página de inicio del cliente se puede bajar o silenciar después de la toma sin tocar tu voz. «Captions in video» incrusta en el MP4 subtítulos con las palabras resaltadas, lo que ayuda a un cliente que lo ve en recepción sin sonido. Y la grabación, la edición y la transcripción se hacen en tu Mac y sin cuenta: no se sube nada salvo que pulses un botón de subida, y «Blur · select elements» mantiene desenfocada una lista de envíos del formulario mientras te desplazas por ella, que es lo que quieres cuando en pantalla está el área de administración de un cliente.
El cliente recibe un MP4 normal (H.264). Lo conserva sin ninguna suscripción, ni tuya ni suya, y no hay un enlace alojado que deje de funcionar cuando caduca un plan. Qreata también puede subirlo a Google Drive cuando pulsas el botón y darte un enlace que puede abrir cualquiera que lo tenga. Qreata Cloud, una suscripción de pago aparte, añade un enlace alojado si lo quieres; la entrega no depende de él.
Qreata no detecta datos sensibles automáticamente: elige los elementos o regiones temporales que cubrir y revisa el archivo exportado. La beta pública no crea capítulos ni exporta SRT. Un MP4 local no ofrece un informe de espectadores; usa la tarea anterior para confirmar que el cliente puede seguir los pasos. Qreata funciona en Apple Silicon con macOS 14 o posterior, tiene interfaz en inglés y ruso y edita sus propias grabaciones.
El precio encaja con un trabajo que se factura por proyecto: 49 $ una sola vez para tres Mac, con todas las actualizaciones futuras y sin una suscripción por puesto que arrastrar durante los meses sin lanzamientos. Team cuesta 149 $ una sola vez para hasta 50 Mac. Para probarla durante la prueba de 7 días, graba un recorrido de dos minutos por un sitio que hayas hecho, expórtalo, vuelve a abrir el proyecto y sustituye diez segundos con una opción de menú que haya cambiado de nombre.
Errores frecuentes en los videos de entrega de sitios web
Cada uno de estos genera un correo de soporte en el primer mes.
- Grabar desde tu propia cuenta de administrador. El cliente entra, ve la mitad de las opciones del menú y da por hecho que algo está roto.
- Recorrer todos los menús. El cliente necesita cinco tareas, no una descripción de la plataforma.
- Parar en la pantalla de edición. Muestra la página publicada después de cada cambio, para que el cliente aprenda que guardar y publicar son dos momentos distintos.
- Escribir o leer en voz alta una contraseña. Envía invitaciones a las cuentas propias del cliente y deja las credenciales fuera del video y del correo.
- Mostrar envíos reales del formulario o datos de clientes. Graba con una entrada de prueba. QuickTime no puede desenfocar una grabación terminada, y en Qreata una zona de desenfoque es un rectángulo fijo que colocas tú, así que un solo fotograma que se te escape sigue mostrando el nombre.
- Enviar solo un enlace de tu propia cuenta. Si el video vive donde pagas tú, desaparece cuando dejas de pagar. Dale el archivo al cliente.
- Borrar el original. Sin el proyecto o la grabación original, el primer cambio del sitio obliga a repetir la toma entera.
Antes de compartir
- El video se grabó desde una cuenta con el rol del cliente, y cada nombre de menú que dices coincide con la pantalla.
- Cada tarea termina en la página publicada, con el resultado visible al menos dos segundos.
- En el encuadre no aparece ninguna contraseña, ningún envío real del formulario ni la pestaña de otro cliente.
- El resumen escrito indica el minuto en que empieza cada tarea y lo que el cliente no debe cambiar.
- El MP4 está en una carpeta que es del cliente, y los accesos se enviaron por un canal aparte.
- Conservaste el proyecto de grabación y anotaste el tamaño de ventana con el que grabaste.
Preguntas sobre este flujo de trabajo
¿Cuánto debe durar un video de entrega de sitio web?
De 8 a 12 minutos para el sitio de un pequeño negocio: unos dos minutos de acceso y orientación, y después de cinco a ocho tareas de un minuto a minuto y medio cada una. Ese rango es nuestra recomendación editorial. Pasados los 12 minutos, deja un video de vista general y lleva las tareas extra a clips cortos aparte.
¿Grabo un solo video de entrega largo o varios cortos?
Un video de vista general para hasta ocho tareas; clips aparte a partir de ahí. Un único archivo es más fácil de entregar y más difícil de perder, siempre que el resumen escrito indique el minuto en que empieza cada tarea. Los clips separados de dos a cuatro minutos funcionan mejor en sitios donde personas distintas hacen trabajos distintos.
¿El cliente necesita una cuenta o una app para verlo?
No. Un MP4 se reproduce en el navegador, en Google Drive y en el reproductor predeterminado de Mac y de Windows. Por eso conviene entregar un archivo: el cliente puede abrirlo dentro de dos años sin la suscripción de nadie.
¿Puedo actualizar el video de entrega cuando cambie el sitio?
Sí, si conservaste el original. Con una grabación de QuickTime grabas un clip nuevo con el mismo tamaño de ventana y lo añades a mano. En Qreata el proyecto sigue siendo editable después de exportar, así que seleccionas el tramo que cambió, lo vuelves a grabar con Replace Take y exportas de nuevo.
¿Cómo evito que salgan contraseñas y datos de clientes en el video?
Ocúltalos antes de grabar. Bloquea tu gestor de contraseñas, inicia sesión antes de pulsar «Grabar» o corta el inicio de sesión, y usa una entrada de prueba del formulario o una copia de pruebas para cualquier pantalla que muestre personas reales. QuickTime Player no tiene desenfoque. Qreata tiene dos: «Blur · select elements» para los elementos de la interfaz que eliges antes de la toma, y la herramienta «Blur» del editor para un rectángulo fijo después.
¿Basta el grabador de pantalla integrado del Mac para un video de entrega?
Sí, para un único video que nunca vayas a cambiar. Mayús-Comando-5 graba gratis la pantalla y tu micrófono. No tiene zoom, ni subtítulos, ni forma de volver a grabar una sola sección, así que sale caro la primera vez que cambia el sitio de un cliente.