ChatGPT
Perplexity
Claude
Gemini
Grok
How to Make a Website Launch Video
UPDATED: 2026-08-05 By Lan He, Content Lead
Making a website launch video takes six steps: decide what the launch actually announces, write a 30 to 60 second script, capture scroll and interaction footage, generate the surrounding scenes, add music and captions, then export for email and social. A website launch video takes about 20 minutes once the capture exists.
Quick Version: How to Make a Website Launch Video
- Decide what the launch announces beyond a new visual design.
- Write a 30 to 60 second script built around the change a visitor will notice.
- Capture scroll and interaction footage from the live or staging site.
- Generate the context scenes and any before-and-after comparison.
- Add music, on-screen text, and captions.
- Export 16:9 for email and portfolio, 9:16 and 1:1 for social.
How to Make a Website Launch Video Step by Step
Step 1: Decide what the launch announces
Name the change a visitor would actually notice. "We redesigned the site" is not news to anyone outside the company. "You can now book without calling us" is. A relaunch usually carries one substantive change, and that change is the video.
Write it as a single sentence before touching any footage. If the only honest sentence is "it looks better now," the video is a portfolio piece for the designers rather than an announcement for customers, and it should be scoped and distributed as one.
Step 2: Write the website launch script
Write 30 to 60 seconds, roughly 75 to 150 spoken words or the on-screen text equivalent. Structure it in three beats: what changed, what that lets the visitor do, and where to go. Name the URL out loud or on screen at least once.
Skip the page tour. A script that walks through Home, About, Services, and Contact describes a sitemap. A script that follows one visitor completing one task shows why the redesign happened.
Step 3: Capture the site
Record at 1920x1080 or higher with browser chrome hidden or cropped. Scroll noticeably slower than feels natural, because scroll speed that reads fine live becomes a blur in a compressed video. Record each interaction as its own take so the edit can control timing.
Populate the site with real content. A launch video of a site full of "Lorem ipsum" or stock portraits announces that the site is not finished. For vertical cuts, record the mobile layout separately rather than scaling the desktop capture down.
Step 4: Generate the surrounding scenes
Build the scenes that give the screen capture a reason to exist. Footage of a homepage scrolling shows what the site looks like; a scene of a customer finding what they needed on a phone shows what changed for them.
Pexo's text-to-video workflow generates those context scenes from a description. For a before-and-after comparison, image-to-video conversion animates screenshots of the old and new pages into a moving transition rather than a static split screen.
Step 5: Add music and on-screen text
Add a music bed and cut the scroll transitions on the beat. Website footage has no inherent rhythm, so the music is what keeps a sequence of scrolling pages from feeling inert.
Keep on-screen text to four or five words per card. Place it in the upper third, since the lower third of a website capture usually holds content that matters. Pexo generates captions and composes a matched score during production, so both arrive with the first cut.
Step 6: Export for email, portfolio, and social
Export 16:9 at 1080p or higher for the announcement email, YouTube, and portfolio pages. Export 9:16 for Reels, TikTok, and Shorts, framed on a single column rather than the full page. Export 1:1 for LinkedIn and Facebook feeds.
Pexo exports all three ratios from one project. Before sending, play the 16:9 cut at the width it appears in an email client and confirm the site's body text is still legible. Type that reads at full screen frequently disappears at email width.
How to Make a Website Launch Video with Pexo
The six steps above work with any tool. Pexo handles steps 2 and 4 through 6 in a single conversation, leaving the screen capture as the only manual step.
Open the website launch video page, upload the scroll footage, and describe the launch: "A 45-second launch video for a dental practice site with online booking, warm and reassuring tone, ending on the booking URL." Pexo writes the script, generates the context scenes, scores the cut, and adds captions.
Adjust any scene by describing the change in the chat, and Pexo regenerates that scene alone. The platform runs across Seedance 2.0, Kling AI, and more.
For adjacent announcements, the business launch video page covers opening a company rather than a site, and brand launch video suits a rebrand where the site is one piece of a larger change.
5 Mistakes That Make a Relaunch Look Like a Template Swap
1. Announcing the design instead of the change. Visitors do not care that the site is new. They care what they can now do that they could not before.
2. Touring every page. Home, About, Services, Contact in sequence is a sitemap read aloud. Follow one task instead.
3. Scrolling too fast. Scroll speed that looks fine in the browser turns into unreadable motion blur after compression. Slow it down by half.
4. Leaving placeholder content in the capture. Lorem ipsum and stock portraits in a launch video announce that the site shipped unfinished.
5. Cramming a desktop layout into a vertical frame. A full-width page scaled to 9:16 makes every element too small to read. Frame one column, or record the mobile site.
Related Tutorials
- How to make a product launch video for physical goods
- How to make a SaaS launch video for B2B software
- How to make a short video for the social cut-downs
- How to make a tutorial video for walkthroughs of the new site's features
