664 tarjetas animadas para las escenas entre tomas

Un vídeo de PageToVid mezcla grabaciones reales de una web con escenas dibujadas: un título, una lista de funciones, una cifra que sube, una tarjeta de cierre. Esas escenas salían de unas pocas decenas de visuales hechos a mano. Eran fiables, pero se volvían familiares demasiado pronto.

Mientras tanto, otro de nuestros proyectos reunía 665 plantillas de animación listas para usar, construidas exactamente sobre la misma base que PageToVid: Remotion, React y 30 fotogramas por segundo. Mismas herramientas, misma cadencia, una gama de estilos mucho más amplia. Faltaba decidir cómo traerlas.

Podríamos haber pedido a otro servicio que dibujara cada tarjeta mientras se hacía el vídeo. Preferimos copiar las plantillas dentro de PageToVid y dibujarlas con el mismo motor que todo lo demás.

• Un vídeo nunca espera a otro servicio, ni falla por su culpa.
• Cada tarjeta se dibuja en la misma pasada que sus vecinas, así que ritmo y colores encajan.
• Una tarjeta es código, no generación con IA, así que no cuesta nada extra.

Eso último era lo que más nos importaba. Como las tarjetas son código, están en todos los planes, también el gratuito, desde el primer vídeo.

Una plantilla que luce en su propia demo puede tropezar en un vídeo real. Los nuestros tienen tres formatos (16:9, 9:16 y 1:1), llevan subtítulos abajo y contienen tus palabras, que casi nunca miden lo que un texto de ejemplo.

Así que dibujamos las 664 plantillas en los tres formatos, con subtítulos y texto completo, y dejamos por escrito qué es aprobar: ningún fotograma vacío, ningún texto cortado o escondido bajo los subtítulos, nada demasiado pequeño para leerse, ninguna etiqueta encima de otra. Aprobaron 651, 650 y 641, según el formato. Una plantilla que no aprueba en un formato simplemente nunca se ofrece en él.

Dentro de un vídeo, una tarjeta va encima de los subtítulos, dura justo su parte de la voz y lleva los colores de tu marca, invertidos si no se leen. Ningún texto de ejemplo llega a un vídeo, y la imagen de una tarjeta es la de la propia escena o un degradado de tu marca.

Una biblioteca que nadie ve casi no existe, así que ese mismo día hicimos visibles las tarjetas en todas partes.

Dibujamos un póster real de cada plantilla en cada formato que aprueba: 1.301 imágenes pequeñas. El catálogo de animaciones pasó a ser una sola cuadrícula de 817 animaciones, propias y diseñadas una junto a otra, con búsqueda y filtros. En el editor, cada escena ganó un selector de tarjetas con un formulario sacado de los campos de la plantilla, gratis en todos los planes.

El planificador las usa con mesura: una tarjeta en un vídeo corto, dos a partir de cinco escenas, tres a partir de nueve y nunca dos seguidas. Las grabaciones de la web real siguen siendo el corazón del vídeo.

Una función perfecta en el primer render que desaparece sin avisar en la primera edición no está terminada. Así que, antes de darla por buena, seguimos las tarjetas por cada camino que cambia un vídeo.

• La revisión con IA y el ajuste de duración conservan cada campo de una tarjeta.
• Cambiar el formato de un vídeo convierte una tarjeta que no se puede dibujar ahí en una frase sencilla de la escena, con una nota.
• Traducir un vídeo traduce el texto de una tarjeta campo a campo, nunca sus enlaces, imágenes ni cifras.
• Restaurar una revisión antigua la pone al día antes de reproducirla.

Los asistentes conectados por MCP también pueden listar las tarjetas, leer los campos y el póster de una plantilla y pedir una por su nombre. Un test recorre cada uno de estos caminos y comprueba que las tarjetas salen intactas.

Tu próximo vídeo tiene muchas más formas de decir «aquí hay una cifra» o «aquí van tres razones» que ayer, con tus colores, a la medida de tu formato y siempre construido alrededor de las grabaciones reales de tu web. Puedes empezar uno ahora y elegir una tarjeta en cualquier escena que quieras vestir.

Para nosotros, la lección está en la forma del trabajo: una biblioteca amplia solo sirve detrás de puertas estrechas. Decidir qué es aprobar, y rechazar lo demás, es lo que deja entrar la variedad sin dejar entrar los errores.