Landing page videos that carry the hero section and the explainer
A landing page visitor has already clicked something, so they are not asking who you are, they are asking whether this is the right thing. A hero video usually plays muted behind the headline, while a video further down is pressed deliberately. Both compete with the fastest exit on the internet: the back button.
Formats
16:9 · 1:1 · 9:16
Length
5-60 seconds
Where it runs
landing pages, websites, email campaigns
How to make it work
Format, length and where it sits on the page
16:9 widescreen suits the hero band and an embedded player, and a 1:1 or 9:16 cut fits a mobile section better. The studio renders all three as H.264 MP4 from 5 to 60 seconds. A hero loop works best short and silent, so keep it under 15 seconds, and keep text away from the edges, where a full-width band is cropped on a phone.
The first seconds, on-screen text and narration
For a hero, show the product in motion and let the page headline do the talking rather than duplicating it on screen. For an explainer below the fold, open with the problem in one sentence, then the three steps, each with a short label. Add captions so nothing depends on sound, and close on the same call to action as the button next to the video.
Embedding it and making variants
Download the reviewed MP4 and embed it in your page; direct posting from the studio covers Instagram, Facebook Pages, TikTok and YouTube. Paste your page URL in the brief and the video picks up the same colors, fonts and logo the page uses. Versions are kept, so you can test one hero cut against another and re-render the winner with a new headline.
A brief you can paste
Paste this into the studio chat, or change the names and numbers first.
A 12-second widescreen hero video for our project management tool's landing page. Paste our URL and use the colors, fonts and logo from it. Show the board view filling with tasks, a card being dragged, and the weekly overview, from the screen recordings I uploaded. Quiet, modern music, no narration, silent loop. One line of on-screen text: plan the week in one board. End on our logo.
Questions people ask
Should a hero video have sound?
Usually not. A hero band plays muted while the visitor reads the headline, so ask for a short silent loop with minimal on-screen text. Save the AI narration and captions for the explainer further down the page.
Can the video match my page design?
Paste the page URL in the brief and the studio picks up your brand colors, fonts, logo and page sections automatically, so the video sits inside the design instead of next to it. You can also upload your own footage.
Can I test two versions?
Yes. Every version is kept and any of them can be re-rendered, so you can make two hero cuts with different openings or different closing lines, embed each in turn, and keep the one you prefer.
Narrow it down
The same subject, written for one placement or one occasion.
- How do you promote a product launch on a landing page?
- How do you promote a grand opening on a landing page?
- How to promote a flash sale on landing pages
- How do you promote a limited time offer on a landing page with video?
- How do you promote a giveaway on a landing page?
- How to Promote an Event on a Landing Page
- How do you promote a discount code on a landing page?
- How do you promote a pre-order with a landing page video?
Related guides
- Video ads built from your website URL, on brand automatically
- Explain what you do in under a minute with a short explainer video
- Looping video ads that restart without a visible seam
- A/B variants: ask for a second version of the same video ad
- Widescreen 16:9 video ads for YouTube, landing pages and screens
Make this video today
Describe it in a sentence, review the plan and the price, approve, and download the MP4 or post it to Instagram, Facebook, TikTok or YouTube.