FlowSync — Demo Video Output · creador-video-demo-producto

01 — Input recibido

Producto

FlowSync — SaaS B2B de aprobaciones de contenido

Público objetivo

Directores de marketing, equipos 10–50 personas

Objetivo

Demo 30–40s para landing page y LinkedIn Ads

CTA

Pruébalo gratis — flowsync.io

Mensaje clave

"Las aprobaciones que tardaban 3 días, ahora en 15 minutos."

02 — Preview del vídeo

FlowSync

Aprobaciones de contenido.
Sin caos.

De 3 días a 15 minutos.

Escena activa: 01 — Hook · 1920×1080px · 4 segundos · Voz: Andrew (en-US-AndrewNeural)

03 — Storyboard (5 escenas)

Hook

Aprobaciones
de contenido.
Sin caos.

ESCENA 01 · 4s

scene-01-hook.html

¿Tu equipo sigue aprobando por email y WhatsApp? Hay otra forma.

Problema

72h perdidas
por campaña

ESCENA 02 · 7s

scene-02-problem.html

Slack, email, WhatsApp. Setenta y dos horas perdidas. Solo en aprobaciones.

Solución

Un brief.
Un flujo.
Una URL.

ESCENA 03 · 9s

scene-03-magic.html

FlowSync. Cada revisor sabe qué aprobar y cuándo. Sin reuniones.

Prueba

−87%
340+ equipos
15 min

ESCENA 04 · 12s

scene-04-proof.html

340 equipos. 87% menos tiempo. De tres días a quince minutos.

CTA

Pruébalo gratis.
Sin tarjeta.
flowsync.io

ESCENA 05 · 6s

scene-05-cta.html

Pruébalo gratis. Sin tarjeta. Setup en cinco minutos. flowsync punto io.

04 — Guión de narración (voz: Andrew)

#	Tipo	Duración	Narración (edge-tts)	Palabras
01	Hook	4s	¿Tu equipo de marketing sigue aprobando por email y WhatsApp? Hay otra forma.	14
02	Problema	7s	Slack, email, WhatsApp. Setenta y dos horas perdidas en cada campaña. Solo en aprobaciones.	16
03	Solución	9s	FlowSync. Un brief, un flujo, una URL. Cada revisor sabe qué aprobar y cuándo. Sin reuniones.	20
04	Prueba	12s	Trescientos cuarenta equipos. Ochenta y siete por ciento menos tiempo. De tres días a quince minutos.	17
05	CTA	6s	Pruébalo gratis. Sin tarjeta. Setup en cinco minutos. flowsync punto io.	12

05 — Pipeline de composición

🎨

HTML Scenes

5 archivos HTML · 1920×1080 · CSS animations · Design System

→ frames/scene-0*.png

🖥️

Playwright

Screenshot headless · viewport 1920×1080 · networkidle

→ PNG 1920×1080

🎙️

edge-tts

Voz: en-US-AndrewNeural · 5 archivos .mp3 + .vtt subtítulos

→ audio/scene-0*.mp3

🎬

ffmpeg

xfade crossfade · concat audio · H.264 CRF 18 · AAC 192k

→ output.mp4 · 36s

06 — Especificaciones técnicas

36s
Duración total

1920×1080

Resolución

30 fps

Frame rate

H.264

Codec · CRF 18

Andrew

Voz (en-US-AndrewNeural)

0.4s

Crossfade transitions

192k

Audio AAC bitrate

5
Escenas · 79 palabras

07 — Archivos generados

📁 demo-output/

📁 scenes/

scene-01-hook.html

scene-02-problem.html

scene-03-magic.html

scene-04-proof.html

scene-05-cta.html

📁 narration/

scene-01.txt · "¿Tu equipo de marketing sigue…"

scene-02.txt · "Slack, email, WhatsApp…"

scene-03.txt · "FlowSync. Un brief, un flujo…"

scene-04.txt · "Trescientos cuarenta equipos…"

scene-05.txt · "Pruébalo gratis. Sin tarjeta…"

scenes.json — manifest completo (ids, duraciones, narración)

build.sh — pipeline: playwright → edge-tts → ffmpeg → output.mp4

08 — Quality Checklist

✓ Vídeo tiene stream de audio (edge-tts narración)

✓ Resolución 1920×1080 en todas las escenas

✓ Sin frames negros — crossfade xfade 0.4s

✓ Primeros 3 segundos: pregunta directa al pain

✓ Cada escena tiene UN punto de foco único

✓ End card con URL (flowsync.io) y CTA prominente

✓ Easing: cubic-bezier(0.16,1,0.3,1) en todas animaciones

✓ Datos concretos: −87%, 340+ equipos, 72h → 15min

✓ Arco narrativo: Hook → Problema → Solución → Prueba → CTA

FlowSync — Demo de Producto