How to Make an Explainer Video for Your Startup Homepage
A homepage explainer has to work muted, make its point in the first five seconds, and not slow the page down. Here is the one-diagram structure for a 60 to 90 second video, the placement and embed settings that matter, and how to tell whether it is helping signups.
By openCanviz • October 27, 2026
7 min read
To make an explainer video for your startup homepage, build the whole video around one diagram of what your product does, and make it work with the sound off. Keep it to 60 to 90 seconds (150 to 225 spoken words), put the outcome on screen in the first five seconds, and add burned-in captions or on-screen labels for every point the narration makes. Place it beside or just below your headline, not in a pop-up, with a poster frame that already explains something before anyone presses play. Then measure it: compare signup rate for visitors who played it against those who did not, and cut it if it is not earning its place above the fold.
The homepage is a hostile place for video
A homepage visitor is deciding in a few seconds whether to stay. They did not come for a video, and most of them will never press play. Of those who do, many will watch muted, on a phone, with a notification arriving halfway through.
That gives a homepage explainer constraints that a sales or onboarding video does not have:
- Muted by default. Browsers block autoplay with sound, so if the video starts on its own it starts silent. If the story needs the narration to make sense, most viewers get no story.
- Five seconds to earn the next five. Viewers decide quickly whether to keep watching. A logo animation or a "Meet Acme" title card spends those seconds on nothing.
- It competes with your headline. The video and the headline should say the same thing in two forms, not two different things.
- It costs page speed. A heavy video file loaded eagerly can slow the first paint of the page it is meant to help.
So the homepage version of an explainer is shorter, more visual and more literal than the one you would send a prospect. The general structure for SaaS explainers (situation, idea, change, next step) is covered in how to make a product explainer video for a SaaS app; this post is about bending it to fit the homepage.
One diagram, built up
The pattern that survives the constraints above is a single diagram that builds through the video. Scene one draws the first part of it, each later scene adds a part, and the last scene is the whole diagram with your call to action. Anyone who stops watching at any point has still seen a coherent piece of the picture, and the final frame works as a summary.
The diagram is usually one of three shapes:
| Your product... | The diagram is | Example |
| Connects things that were separate | Before and after: scattered boxes, then the same boxes joined through you | Support tickets, chat and email all landing in one queue |
| Removes steps from a process | A process line that gets shorter | Seven steps to send an invoice becoming two |
| Watches something and warns you | A timeline with a warning arriving before the bad event | A server alert at 2 a.m. instead of a customer complaint at 9 |
If your product does not fit any of these, write your one-sentence pitch and look for its verb. "Joins" is the first shape, "skips" or "automates" the second, "warns" or "catches" the third.
Worked example: "what our product does, in one diagram"
Take a startup whose product joins a small company's support channels into one queue. Here is the spine of the script, about 80 words, with the diagram state at the end of each scene. Give each line a second sentence of detail and it reaches a full minute.
- "Your customers write to you in four places: email, chat, Instagram, and the contact form." Four scattered icons, each with a small pile of messages.
- "Your team checks all four, and some messages get answered twice while others wait three days." Two people running between icons; one message turning red, labelled 3 days.
- "We put every message in one queue, in the order it arrived." Arrows from all four icons into a single list in the middle.
- "Each one gets one owner. Nobody answers twice, nothing waits unseen." A name tag appears on each row of the list.
- "Most teams get their first reply time under an hour in the first week." A clock on the list showing under 1 hour. (Only if that number comes from your own customers. Otherwise, cut the line.)
- "Connect your inbox and see your queue in five minutes." The whole diagram, the logo once, the button text matching the button on the page.
Scene 1 is your poster frame candidate, but scene 3 is usually better: it already shows the product's idea, so the still image explains something to the visitors who never press play.
Every scene puts the key words on screen as labels (four places, 3 days, one queue, one owner, under 1 hour), so the muted version tells the same story as the narrated one.
Embedding it without hurting the page
A few settings matter more than the video itself.
- Poster image. Set a still frame that makes sense on its own. The default first frame is often blank or a title.
- Lazy loading. Do not load the full video until the visitor interacts with it or scrolls near it. Your headline should paint first.
- Autoplay only if muted and captioned. If you autoplay, the video must be muted (browsers require it) and should loop quietly or stop on the final diagram. On iPhones, inline playback needs the playsinline attribute or the video jumps to full screen.
- A visible play control with the length. "Watch, 75 seconds" sets an expectation and gets more plays than an unlabelled thumbnail.
- Captions that are part of the picture. Burned-in labels or captions survive every player and every social share. A separate caption file is still worth adding for accessibility.
- No watermark. A third-party watermark on your homepage tells visitors what you used rather than what you sell. If you made the video on a free tier, pay to export a clean version before it goes live.
Make it
- 1
Pick the diagram shape
Joins, skips or warns. Write your one-sentence pitch and use its verb to choose. Sketch the final diagram on paper before writing a word of script.
- 2
Write 150 to 225 words, one diagram part per line
Each sentence adds one piece to the diagram. Put the outcome in the first line and the call to action, matching your button text, in the last.
- 3
Paste it and keep your wording
In openCanviz, paste the script with Keep my wording on, set a target of about a minute, and pick one style. Poster suits a single bold before and after; whiteboard suits a product that is explained more than sold.
- 4
Put every key word on screen
Go through each scene in the editor and make sure the number or phrase the narration stresses appears as a label, so the muted version works on its own.
- 5
Record the founder's voice
Replace the generated narration with your own recording. For a homepage, a real founder's voice is a credibility signal on its own.
- 6
Export clean and embed lazily
Pay for the clean export of this one project so there is no watermark, choose a poster frame that explains, and load the video only when the visitor reaches it or presses play.
How to tell whether it is working
A homepage video has to earn its space, and the only way to know is to measure.
- Play rate. The share of homepage visitors who press play. Low play rate usually means the poster frame or the label is not doing its job, not that the video is bad.
- Completion to the last scene. If most viewers drop at scene two, your opening is the problem. Rewrite it before touching anything else.
- Signup rate for players versus non-players. This is the number that matters, with one caveat: people who press play are already more interested, so the gap overstates the effect. A cleaner test is to show the video to half your visitors and compare signups between the halves over a few weeks.
- Support questions. If people still ask "so what does it actually do?", the video is not saying it.
If the test shows no difference, try a stronger poster frame and a shorter cut before removing it. If it still shows nothing, take it off the homepage and use it in sales follow-ups, where viewers have more patience.
Common questions
How long should a startup homepage video be? Sixty to ninety seconds. Under sixty is fine if the diagram is simple. Over ninety, cut the situation scenes first: homepage visitors already have the problem or they would not be there.
Should the homepage video autoplay? Only muted, with captions or labels carrying the story, and ideally looping or stopping on the final diagram. If your video needs its narration to make sense, do not autoplay; use a clear play button with the length instead.
Should I show the product's interface? Briefly, at most, near the end. Early-stage products change their UI often, and the diagram of what the product does lasts much longer than a screenshot. If your audience is developers, a short request journey can work better; see how to make a video that explains how your API works.
Can I make it before the product is finished? Yes, and it is a useful exercise. If you cannot draw the diagram of what the product does, the positioning is not settled yet. Make a draft, show it to five people in your target market, and ask them to say back what the product does.
Draw the last frame first
Before writing anything, sketch the final diagram your homepage video should end on, the one picture that says what your product does. If it fits on a sticky note, write one sentence per part of it and paste those in. It is free to start.
Turn any concept into an animated explainer
Type an outline, get a narrated, animated whiteboard video in minutes. No design skills, no timeline scrubbing. Free to start.
Keep reading
A public research video is not a shorter paper. It leads with why anyone should care, states one finding in everyday words, says plainly what it does not mean, and runs two to three minutes. A method, a jargon table, a worked script on sound and plant growth, and the checks to make before posting.
A home-made nursery rhyme video for a toddler should be slow, short and spoken, with one calm picture per line and the rhyme said twice so a child can join in. How to choose a traditional rhyme, script it, draw it, and use it in a way that fits the screen time advice for under-fives.
A good science video for young children answers one question they actually asked, in two or three minutes, with a simplification that is never false, and ends by sending them off to try something. A worked example on why the sky is blue, with the script, scenes and a kitchen experiment.
A child's birthday video works best as a one to two minute story with the child at the centre: their name, their age, the animals or things they love. A practical plan with a worked animal birthday party script, a scene list, and the privacy checks to make before you share it.