Guía7 min de lectura

Vídeo de página de destino de Windsurf

Déle a un visitante primerizo un motivo para creer antes de que se desplace.

Construya una prueba para la parte superior de una página de destino de Windsurf, con un flujo en el que un visitante confíe en los primeros segundos.

Ver cómo funcionaLos primeros 60 segundos de vídeo son gratuitos, con marca de agua.
Verifique su correo electrónico para descargarlo.

gogoscreen.com

Haga coincidir el vídeo con el titular

Haga coincidir el vídeo con el titular, para que ambos hagan la misma promesa.

Diseñe los dos primeros segundos para el silencio

Diseñe los dos primeros segundos para el silencio, ya que la mayoría de los visitantes no tendrán el sonido activado.

Termine en el resultado, no en un fundido

Termine en el resultado, no en un fundido, para que el último fotograma sea la prueba.

Un vídeo de página de destino para una app construida con Windsurf tiene un trabajo más difícil que la mayoría de los vídeos demo, porque tiene casi nada de tiempo para ganarse la atención. Un visitante que llega a la página todavía no ha decidido confiar en ella, probablemente no ha leído más allá del titular, y se desplazará fuera de la página en unos segundos si nada lo convence de seguir viendo. El vídeo situado en la parte superior no es un recorrido de funciones. Es la evidencia de la única afirmación que hace el titular, y tiene que demostrarlo rápido, en silencio, antes de que el visitante se haya comprometido a nada.

Windsurf es un editor de código, y la app que ayudó a construir solo se vuelve accesible una vez que se despliega en algún lugar separado del propio editor. Antes de tratar una ruta como lista para un vídeo de página de destino, confirme que la versión desplegada es la que realmente verán los visitantes, no una copia de vista previa o de staging con datos distintos. Un vídeo de página de destino grabado frente al despliegue equivocado puede acabar mostrando un estado que los visitantes nunca verán realmente, lo que socava la página en lugar de respaldarla.

Esta brecha entre el editor y la producción también moldea el tiempo. Una página de destino suele publicarse una vez y después dejarse en paz durante un tiempo, y el vídeo que se sitúa en ella debe coincidir con la app durante todo el tiempo que dure la página. Grabar frente a una construcción que está a punto de cambiar, porque todavía se está terminando una función, tiende a producir un vídeo que ya está desactualizado para cuando empiezan a llegar visitantes reales.

¿Qué afirmación hace realmente el titular?

Lea el titular de la página de destino e identifique la única promesa que hace. Si el titular dice que la app convierte un formulario en un informe, el vídeo necesita mostrar exactamente eso, empezando en un formulario y terminando en un informe. Un vídeo que muestra algo adyacente, por impresionante que sea, rompe la conexión entre las palabras de arriba y las imágenes de abajo, y un visitante que note el desajuste confía menos en la página que si no hubiera habido vídeo alguno.

Lea el titular en voz alta, después describa en una frase el vídeo que está a punto de hacer, y compare las dos frases directamente. Si no describen obviamente lo mismo, el desajuste será igual de obvio para un visitante que haga la misma comparación en unos segundos, solo que sin el beneficio de haber escrito ninguna de las dos frases él mismo.

Afirmación del titular	Qué debe mostrar el vídeo	Qué la debilita
Una transformación o resultado específico	Esa secuencia exacta de entrada a salida	Una función distinta y no relacionada
Rapidez o simplicidad	La acción completándose rápido en pantalla	Una narración lenta que socava la afirmación
El problema resuelto de una audiencia específica	La tarea real de esa audiencia, no una genérica	Una demo dirigida a un tipo de usuario distinto

Una guía de vídeo de producto de página de destino cubre la pregunta de colocación y ritmo en términos más generales si la app no es específicamente una construcción de Windsurf. Las preocupaciones son las mismas de cualquier forma: haga coincidir las imágenes con la promesa que tienen encima.

¿Cómo debe prepararse la app para esta grabación?

Abra la página de destino en vivo y la app en vivo tal como lo haría un visitante real, siguiendo el camino desde el titular hasta lo que sea que implique. Confirme que no hay ningún enlace roto, ninguna vista previa desactualizada y ningún contenido de marcador de posición sobrante donde debería estar el resultado real. Una página de destino recibe más escrutinio que casi cualquier otra página de un sitio, ya que es la única que los visitantes comparan directamente con sus expectativas.

Recorra el camino exacto que seguiría un visitante desde el titular hasta el resultado.
Elimine el contenido de marcador de posición del andamiaje y sustitúyalo por algo realista.
Confirme que la versión de la app detrás de la página de destino coincide con lo que realmente saldrá.
Prepare una cuenta de demostración si el flujo mostrado está detrás de un inicio de sesión.

Si se requiere autenticación, en GogoScreen las credenciales se cifran, se usan para una única renderización y después se eliminan, que es la forma correcta de describir ese manejo en lugar de afirmar que no se almacena nada en absoluto. Si primero se planifica un storyboard, las credenciales se conservan cifradas durante esa sesión y se eliminan como máximo dos horas después de su último uso. Para una construcción que todavía necesita instrucciones de configuración en lugar de una página de destino, una demo README de un agente de IA encaja mejor, ya que una audiencia de README ya tiene un contexto que un visitante de página de destino no tiene.

Compruebe la página en el tamaño de pantalla que realmente usarán la mayoría de los visitantes. Una ventana gráfica de tamaño de teléfono cambia cuánto del vídeo es visible en la parte superior y si los subtítulos siguen siendo legibles, y un vídeo que se lee con claridad en un portátil puede desplazar por completo el titular en una pantalla más pequeña. Revisar la página completa, no solo el archivo de vídeo aislado, es la única forma de detectar ese tipo de problema antes de que lo hagan los visitantes.

¿Cómo se escribe la indicación para una primera impresión silenciosa?

Haga coincidir el vídeo con el titular, para que ambos hagan la misma promesa.
Diseñe los dos primeros segundos para el silencio, ya que la mayoría de los visitantes no tendrán el sonido activado.
Termine en el resultado, no en un fundido, para que el último fotograma sea la prueba.

Describa la pantalla de inicio, la acción y el resultado en la indicación, usando las mismas palabras que usa el titular. Si el titular promete un resumen, la indicación debe terminar en el momento en que aparece el resumen, no en una pantalla posterior. Evite instrucciones vagas como "muestre el valor", ya que la renderización no tiene forma de interpretar el valor más allá de los estados de pantalla concretos que usted describa.

Mantenga un registro escrito de la indicación exacta usada para el vídeo de página de destino actual, junto con el titular con el que se escribió para coincidir. Si el titular cambia más adelante, ese registro deja claro si el vídeo todavía encaja o necesita una grabación nueva para coincidir con la afirmación nueva.

¿Dónde más podría reutilizarse este metraje?

La misma grabación, o una variante cercana de ella, suele servir a más de un destino. Un vídeo de lanzamiento en Product Hunt de Windsurf necesita su propio tratamiento de relación de aspecto y duración para una galería de lanzamiento, y una guía de Windsurf para compartir con un cliente necesita una versión dirigida a un revisor en lugar de a un visitante en frío. Una demo de portafolio de Windsurf puede reutilizar la misma interacción subyacente para una audiencia de contratación, y un recorrido de revisión de una app de Windsurf responde a una pregunta más estrecha sobre si se completó una solicitud específica. Si la app se hubiera construido en una plataforma distinta asistida por IA, el punto de partida equivalente es la guía de vídeo demo de Base44, que cubre el mismo problema de página de destino desde el lado de ese constructor.

Si la página de destino necesita el vídeo incrustado en lugar de enlazado a un reproductor alojado, la guía para incrustar un vídeo demo de producto cubre la mecánica de colocación, y la guía para grabar una demo sin software de grabación de pantalla explica por qué un flujo de trabajo basado en URL evita parte de la configuración que necesitaría una captura manual. Si la promesa de la página depende de que se arregle un error en lugar de que exista una función, eso es un activo completamente distinto, más cercano a la guía de vídeo de reproducción de errores de un agente de IA que a un vídeo de página de destino.

¿Qué debe comprobar antes de que salga en vivo?

Vea el vídeo terminado sin sonido primero, exactamente como lo verá la mayoría de los visitantes. Confirme que la afirmación es legible sin narración y que el fotograma final se lee como un resultado completo en lugar de una pausa a mitad de acción. Compare el ritmo con Clueso si está evaluando una herramienta de captura distinta para esta misma colocación. Deje espacio para un reintento, ya que aproximadamente una de cada cinco renderizaciones necesita uno, y cada cuenta nueva recibe 60 segundos de vídeo una vez, con marca de agua, con tiempo de un plan o de una recarga después, que solo se usa cuando una renderización sale bien. Consulte los precios para conocer los niveles, explore más guías y comparaciones, o empiece en la página de inicio de GogoScreen con la ruta y la indicación a partir de las que se construyó el vídeo de página de destino.

Aclaraciones

Antes de empezar

¿Qué hace distinto a un vídeo de página de destino de un vídeo demo general?

La colocación. Un vídeo de página de destino se sitúa en la parte superior, normalmente se reproduce automáticamente sin sonido, y tiene que ganarse la atención en los primeros segundos de un visitante que todavía no tiene contexto y no ha decidido confiar en el producto.

¿Debe el vídeo de página de destino mostrar toda la app?

No. Debe mostrar la única interacción que mejor respalde la promesa del titular de la página. Un visitante que no pueda conectar el vídeo con el titular en pocos segundos pasará de largo ambos.

¿Necesita sonido el vídeo?

Diséñelo para que funcione sin sonido primero, ya que muchos visitantes lo tendrán silenciado por defecto. Los subtítulos y una acción clara en pantalla deben transmitir el significado, con la narración como capa secundaria.

Pegue una URL, describa un flujo y obtenga un vídeo de demostración de su aplicación web.

Los primeros 60 segundos de vídeo son gratuitos, con marca de agua. Verifique su correo electrónico para descargar el vídeo.

Ver precios Leer las guías