Framer’s Start-to-Ship Launch Film
A 62-second website-builder launch film that pairs a benefit-first voiceover with real UI proof and a rapid gallery of creative outcomes.
Field notes / why it works
The opening shows finished desktop and mobile websites while the narrator removes the coding barrier by 0:05. Four visible changes within the long 0:17–0:30 editor segment keep the product proof moving, then seven quick site shots at 0:30–0:36 create a concentrated visual re-hook. The quiet black-card close around 0:58 coincides with the strongest replay peak.
Plate 01 / The format in one breath
A calm, assured narrator gives a creative audience permission to start, while polished examples prove what the website tool can make. The film moves from finished sites to the blank canvas, then through multiple starting routes, deeper controls, a seven-cut gallery of outcomes, an AI helper and a quiet brand close. It sells the feeling of making and shipping before it lists features.
Why it works
- The spoken promise lands at 0:00–0:04.7, with a real-looking site on a laptop, then a mobile page. The viewer understands both the benefit and the output before the editor appears.
- Routes into the product appear in sequence at 0:08–0:20: blank canvas, AI starting layout, templates, import. The long 0:17.3–0:30.1 editor shot has four internal picture changes, so the walkthrough continues to move without rapid cutting.
- Six cuts between 0:30 and 0:35 reset attention with wildly different finished sites. The replay peak at 0:58.3–0:58.9 falls on the sparse closing message, suggesting that the emotional resolution also draws rewinds; the reason for replay is inferred.
Plate 02 / Format card
| Platform · aspect · length | YouTube · 1280×720, 16:9 · 61.7 s · 30 fps |
| Pace | 16 shots · 15 certain cuts, or 14.6–15.6 cuts/min allowing one uncertain change · 19.4 picture changes/min including internal steps · mean 3.86 s, median 1.67 s |
| Script | 151 spoken words · 153 wpm across the film, 186 wpm while speaking · 10 sentences averaging 15.1 words · no spoken questions · “you” 10.6 times per 100 words |
| Voice | Low-register, animated, confident adult narrator; conversational invitation rather than a hard sell |
| On screen | Approx. 40% dark editor/UI and interaction proof, 25% creative site gallery, 15% product mockups/desk scenes, 20% black typography and brand close; shares estimated from the sheets |
| Captions | No subtitle track. Text belongs to the website examples and final centered black cards. |
| Sound | Continuous tonal/music-like bed is measured; musical style and instrument choice are not established. No clear cut-synced effects. −14.5 LUFS integrated; measured peak +0.4 dBFS. |
| Structure | Benefit hook → canvas/routes → control → gallery burst → AI assist → outcome and gentle CTA → black-card sign-off |
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