🎬 Plan de Produccion de Video · CULTIVA IA

NutriSync AI — Explainer Video
+ Kit Social

Plan completo de produccion: guion, storyboard, pipeline de herramientas y codigo Hyperframes para el explainer B2B de 90 seg en LinkedIn y 3 clips verticales para Instagram Reels.

Cliente NutriSync AI
Video principal LinkedIn 16:9 · 90 seg
Clips sociales 3 x Reels 9:16 · 30 seg
Presentador Avatar IA (HeyGen)
Objetivo Demos inbound B2B
Enfoque de produccion
🤖
Avatar IA + Voz en Off
HeyGen Creator ($29/mes)
Avatar realista entrega el guion con lip-sync perfecto. Sin filmar, sin estudio. 230+ avatares disponibles, 140 idiomas. Ideal para contenido recurrente y versiones multilingues.
Video Programatico
Hyperframes (open source)
Frames en HTML/CSS puros para titulos, callouts, estadisticas animadas y transiciones. Determinista: mismo input = mismo output. Perfecto para agentes IA.
✂️
Repurposing a Social
Opus Clip + CapCut
El explainer de 90 seg se recorta automaticamente en 3 clips virales con Opus Clip. CapCut anade captions, efectos y formato 9:16 optimizado para Reels.
Storyboard — Explainer 90 seg (LinkedIn)
F1 0:00–0:15
23%
perdida productividad
El Problema
Estadistica impactante en pantalla. Avatar introduce el dolor.
Dato impacto
F2 0:15–0:30
🍽️
causa raiz
La Causa Raiz
Animacion: mala alimentacion → fatiga → errores → coste empresa.
Animacion
F3 0:30–0:55
dashboard
Demo del Producto
Screencast del dashboard. Avatar narra las 3 funciones clave.
Product demo
F4 0:55–1:15
−31%
ausencias laborales
Resultados Probados
Datos internos animados: reduccion ausencias 31%, ROI promedio 4.2x.
Prueba social
F5 1:15–1:30
→ Demo Gratis
nutrisync.ai/demo
CTA Final
Avatar invita a la demo. URL en pantalla. Logo + tagline.
CTA
Guion — Voz en Off (Avatar HeyGen)

Script v1 — NutriSync AI Explainer · LinkedIn 16:9

90 segundos · 210 palabras · Avatar: Sophia (HeyGen)
00:00
¿Sabias que el 23% de la baja productividad en oficinas se debe directamente a la mala alimentacion de los empleados? No al estres. No a las reuniones. A lo que comen.
Dato en pantalla grande. Pausa dramatica tras "comen."
00:15
El problema no es la voluntad de tus empleados. Es que nadie tiene tiempo de planificar bien la alimentacion, y las empresas no tienen herramientas para ayudarles... hasta ahora.
Animacion: ciclo fatiga → error → coste.
00:30
NutriSync AI crea planes de nutricion personalizados para cada empleado en solo 5 minutos. La IA analiza habitos, objetivos y restricciones, y genera menus semanales que se adaptan al ritmo de trabajo. Tu equipo de RRHH lo gestiona todo desde un dashboard centralizado.
Screencast del dashboard. Resaltar: onboarding, menus, reportes.
00:55
Las empresas que usan NutriSync reducen las ausencias un 31% en los primeros 6 meses. Y el ROI medio es de 4.2 veces la inversion.
Graficas animadas con los datos reales del cliente.
01:15
Si tienes mas de 50 empleados y quieres ver el impacto en tu empresa, solicita tu demo gratuita en nutrisync punto ai barra demo. Sin tarjeta de credito. Sin compromiso.
URL en pantalla. Avatar gesticula hacia CTA.
Codigo — Frame de Estadistica (Hyperframes)
nutrisync-frame-stat.ts · Hyperframes
// Frame reutilizable para estadisticas impactantes
// Usar en: intro, resultados, prueba social

import { render } from "hyperframes";

const statFrame = (stat: string, label: string, color = "#22c55e") => `
<style>
  body {
    margin: 0; background: #0f172a;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    height: 100vh; font-family: 'Inter', sans-serif;
  }
  .stat {
    font-size: 120px; font-weight: 900;
    color: ${color}; line-height: 1;
    animation: pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .label {
    font-size: 28px; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.12em;
    margin-top: 16px;
  }
  @keyframes pop {
    from { transform: scale(0.5); opacity: 0; }
    to   { transform: scale(1);   opacity: 1; }
  }
</style>
<div class="stat">${stat}</div>
<div class="label">${label}</div>
`;

await render({
  frames: [
    {
      html: statFrame("23%", "baja productividad por nutricion"),
      duration: 4,
    },
    {
      html: statFrame("−31%", "ausencias en 6 meses", "#4ade80"),
      duration: 3,
    },
    {
      html: statFrame("4.2x", "ROI medio documentado", "#f59e0b"),
      duration: 3,
    },
  ],
  output: "nutrisync-stats.mp4",
  width: 1920,
  height: 1080, // 16:9 para LinkedIn
});

// Para Reels 9:16: cambiar a width: 1080, height: 1920
Pipeline de produccion
1
Guion
Claude Code
Script final con timecodes y notas de produccion
2
Avatar Video
HeyGen MCP
Avatar Sophia entrega el guion. Exportar MP4 sin fondo
3
Frames Stats
Hyperframes
Render HTML → MP4 para estadisticas y titulos
4
Screencast
Loom / OBS
Grabacion del dashboard NutriSync con cursor animado
5
Montaje
Descript
Ensamblar clips, captions automaticos, export 16:9
6
Clips Reels
Opus Clip + CapCut
Auto-clip → 3 mejores momentos → formato 9:16 + captions
Entregables
💼
Explainer LinkedIn
Video principal · Campana lead gen
FormatoMP4 H.264
Resolucion1920 × 1080 (16:9)
Duracion90 seg
Bitrate5 Mbps
AudioAAC 44.1kHz stereo
CaptionsQuemadas (accesibilidad)
📱
3 x Reels Instagram
Kit social · Distribucion organica
FormatoMP4 H.264
Resolucion1080 × 1920 (9:16)
Duracion30 seg c/u
TemasProblema / Demo / ROI
CaptionsAnimadas (CapCut)
VariantesES + EN (HeyGen)