← Volver al laboratorio
EXP-05ListoVideo en código · Makerson

Cuatro versiones desde el mismo código

Una transmisión de 24 segundos hecha en React con Remotion, con las fuentes y los colores exactos de la web. El idioma y el formato son parámetros: la versión en inglés, la cuadrada y la horizontal salen del mismo archivo, sin volver a editar.

Para tu marca
Variantes por idioma, formato o producto en minutos, con la marca exacta en cada una.
Herramientas
RemotionReactTypeScript

Cómo lo hicimos

  1. 01

    Guion de cinco escenas y una tabla de medidas por formato (9:16, 1:1 y 16:9), definida antes de animar.

  2. 02

    Todo el texto vive en un archivo aparte, uno por idioma. Cambiar de idioma es cambiar una prop.

  3. 03

    Tipografías y colores tomados de la web (Chakra Petch, Space Mono, verde #00FF94), así cada versión sale igual a la marca.

  4. 04

    Revisión con fotogramas sueltos antes de renderizar. Las cuatro versiones se renderizan en local, sin programas de edición.

El código al lado del resultado

Las otras tres versiones

  • Inglés · 9:16
  • Español · 1:1
  • Español · 16:9
Siguiente experimento · EXP-01Signal_Lost, episodio 01 →

¿Quieres algo así para tu marca?