Netlify Connect’s modular launch film
A narrated B2B launch animation turns scattered web systems into a unified diagram, UI proof, and demo CTA.
Field notes / why it works
The 0:00–0:03 animated assembly makes a complex problem visible before the product is named at 0:11. Scale changes from a central architecture at 0:15 to close UI proof at 0:27 and a wide ecosystem at 0:35; 13 measured internal changes keep one continuous canvas moving. A left-to-right payoff at 1:01 resolves into a sparse demo card at 1:08.
Plate 01 / The format in one breath
A narrated B2B product launch film turns a messy web of parts into a simple, named system. Abstract shapes first create curiosity; diagrams then explain the product; recognizable UI cards supply proof; a two-sided slogan diagram and sparse end card convert the explanation into a demo request.
Why it works
- The opening assembles a browser-like world from an empty navy screen over 0:00–0:03 while narration names a hard strategic problem; viewers get movement before a logo or feature list.
- The visual scale changes repeatedly: small central icon at 0:13, vertical architecture at 0:15–0:19, close product UI at 0:27–0:31, and a wide ecosystem at 0:35–0:43. This gives the 74-second film fresh pictures without hard cuts.
- The scattered parts resolve into a left-to-right “connect / build” model around 1:01–1:07, then the product and demo CTA occupy an uncluttered final card at 1:08–1:14.
Plate 02 / Format card
| Reference | |
|---|---|
| Platform · aspect · length | X · 1280×720, 16:9, 30 fps · 74.3 s |
| Pace | One continuous animated canvas; 0 detected hard cuts; 13 measured step changes, about 10.5/min. Internal zooms, builds and resets carry the pace. |
| Script | 144 transcribed words; 121 wpm across the film, 154 wpm while speaking; 7 long sentences; no questions. Automatic transcript has a few uncertain phrases. |
| Voice | Low-register, polished, assured corporate narrator; English; measured pitch data is unusually broad and may include music. |
| On screen | 100% designed vector motion and composited interface mockups; no live-action people or screen capture. |
| Captions | No verbatim subtitles. Brief diagram labels, product name and UI labels are embedded in the graphic. |
| Sound | Continuous tonal, electronic music-like bed (inferred); narration foreground; -21.0 LUFS integrated, -1.2 dBFS true peak measured. |
| Structure | Problem → announcement → architecture → UI proof → connected ecosystem → benefit recap → demo CTA. |
Pro / 13 plates + recipe
The first plates are open. The full dissection is Pro.
Get the timed shots, type and sound specs, and the runnable recipe.
Open the full blueprint- Plate 03 / The hook, frame by frame (first 3 seconds)Pro
- Plate 04 / Structure (beat sheet)Pro
- Plate 05 / Shot grammarPro
- Plate 06 / Visual style guidePro
- Plate 07 / Voice and deliveryPro
- Plate 08 / Sound designPro
- Plate 09 / PackagingPro
- Plate 10 / Script templatePro
- Plate 11 / Production planPro
- Plate 12 / PromptsPro
- Plate 13 / Edit recipePro
- Plate 14 / QA checklistPro
- Plate 15 / Make it yoursPro
- Recipe / runnable promptPro