Remotion intros: video-templates die schalen met de academy
Een Remotion Studio-setup voor branded course intro videos. Een design-systeem, herbruikbare composities, en een renderpijplijn die voor elke nieuwe lesmodule dezelfde stijl oplevert.
Het probleem
Mission Relearn Academy krijgt elke maand nieuwe modules. Elke module verdient een korte, on-brand intro-video. Die laten maken bij een editor kost geld en tijd, en in Premiere zelf knippen schaalt niet als de academy groeit.
Wat ik gebouwd heb
Een Remotion Studio-omgeving voor course intros, gebouwd op een masterfolder met design-systeem:
Master template: vaste compositions, fonts (Cal Sans + Open Sans), kleurpalet (coral #F36E59, navy #171A26), logo-animaties, lower thirds en eind-cards
Per module een compositie: titel, ondertitel, accent-frame, lengte instelbaar via props
Registratie via compositions.jsx: nieuwe video toevoegen is een import + register, niet een nieuw project
Render via Remotion Lambda of lokaal: MP4 output op 1920x1080, klaar voor Mux upload naar de academy
Eerste twee toepassingen: academy-intro-videos-remotion (hoofdkanaal) en ai-basics-intro-remotion (de pilot-cursus).
De gotcha
Remotion Studio laadt JSX via Babel-standalone. Dat werkt alleen via HTTP, niet via file://. Open je deck.html dubbelklik in Finder, dan blijft het scherm zwart zonder console-error. Een python3 -m http.server in de werkmap is genoeg om hem tot leven te wekken. Een uur kwijt voor ik dit doorhad.
Wat ik geleerd heb
Een design-systeem in code is goedkoper dan een design-systeem in After Effects: je raakt nooit fonts kwijt en kleuren kloppen altijd
Korte intros (15-25 seconden) zijn precies wat een online cursus nodig heeft. Lang genoeg voor branding, kort genoeg om niet te skippen
Code als productie-pipeline schaalt: nieuwe video toevoegen is 10 minuten werk, niet een halve dag
Resultaat
Elke module in Mission Relearn Academy heeft nu een consistente intro-video, gerenderd vanuit dezelfde codebase. De render-pijplijn is in een dag opgezet en bespaart structureel editor-tijd. Schaalbaar tot zoveel modules als nodig.