Skip to content
HeraGet started for free

Create your launch video,
from script to finished film

Turn your script and app screenshots into a storyboard, tweak every frame like a design, then animate it into one launch film that looks like your brand.

Get started for free
SitefireThe marketing suite for the agentic websitefire.ai

Step 1: Set up your brand oncePaste your website and get a brand kit

Click Add brand at the top left of your board, choose New brand and paste your website. You get a brand kit with your logo, colours, fonts and backgrounds. Every frame you create uses it.

Then drop your script and a few screenshots of your app on the board. For Sitefire we pasted sitefire.ai and added their script and five app screens.

Add brand › New brand
sitefire.ai

Step 2: Start with a storyboardHera plans the frames from your script

Select your script and your screenshots and ask for a storyboard. Hera plans every frame in your brand look, so you see the whole film before anything moves.

If something is off, say what to change. For Sitefire we set every headline in their font and kept the logo for the end.

StoryboardMake a storyboard for our launch video from our script.
FeedbackSet every headline in our Saans. Show our logo only at the end, large, with our tagline under it.

Step 3: Tweak your storyboardEvery frame becomes a design

This is where the film gets its shape. Make the storyboard editable and every frame becomes a design with real text and layers.

Then change it in your own words. For Sitefire we turned the first frame into three short shots, one line each.

Editable designsMake every scene editable. Keep our app screenshots as they are.
ShotsMake three centred shots out of this, one line each.

Step 4: Edit details by handLike in any design tool

Not every change needs a prompt. Open a design, click Edit and select a layer. Then change the text, the size or the position yourself, like in Figma.

For Sitefire we made the big headlines smaller, from 146 to 96.

Edit › Typography
Font size146 → 96

Step 5: Bring your app to lifeTurn screenshots into live UI

A screenshot stays still in a film. Ask Hera to rebuild a screen as live elements, 1:1 like your app, and say what should move.

For Sitefire we rebuilt four screens: the dashboard, the menu, the briefing and the article. With the edits, the storyboard became eleven designs in film order.

Live app screensRebuild the dashboard as live elements, 1:1 like our app, so it can move.

Step 6: Animate it into one filmThen refine it in your own words

Select your final storyboard and ask for the film. Hera animates all the designs as one film, with transitions between the scenes.

Then refine the film one round at a time. For Sitefire we asked for better motion: secondary movement, timing and easing.

AnimateAnimate these designs as one launch film, about 35 seconds. Fast, premium pacing with real transitions.
RefineThe motion feels cheap. Add secondary movement and better timing and easing.

Watch the whole board

View canvas in Hera

Your next launch

Sign up

More use cases

Daily ads, static and motion
Ads for DTC brandsDaily
Three Lovable motion ads: Got an idea?, Describe it, watch it build, share the link, and 100K
Ads for AI and softwareLovable