Launch Assets: The Screenshots, Video and Images That Convert

Last updated: August 2026

Nobody reads your landing page first. They look at the thumbnail, scan the gallery, maybe watch part of a video, and decide. Your copy gets read after that decision is provisionally made.

So the assets aren't decoration. They're the pitch.

Screenshots

Use real data. Populate the product properly before you screenshot it. "Project Alpha / Project Beta / Lorem ipsum" tells everyone the product isn't used, including by you.

Crop to the point. A full screen at 40% scale is unreadable. Show the one region that matters.

Show the product working, not sitting there. A populated dashboard beats an empty one. A completed action beats a form.

{T('snapester')}

Snapester turns raw screenshots into presentable visuals — padding, background, frame, shadow. A naked screenshot on a marketing page looks unfinished.

{T('cleanshot')}

CleanShot handles capture and annotation, including scrolling captures.

{T('javii-tools')}

Javii Tools covers pixel-accurate generators for the smaller utility jobs.

Device mockups

{T('angle')}

Angle provides vector device frames that stay sharp at any size — the standard for App Store screenshots and landing page heroes.

{T('rotato')}

Rotato does 3D device mockups with animation. If you make one motion asset, make it here.

{T('previewed')}

Previewed is the best free browser-based option.

Demo video

Under 60 seconds. Under 40 is better. Retention collapses after that regardless of quality.

Show the payoff in the first 10 seconds. Not your logo, not a title card, not "hi, I'm the founder." The thing the product does.

No voiceover required. Captions work, are watchable on mute, and are far easier to produce well.

{T('screen-studio')}

Screen Studio produces recordings that look deliberate — cursor-following zoom, smoothed motion, clean framing. The single biggest quality jump available for the least effort.

{T('descript')}

Descript edits video by editing the transcript and strips filler words automatically. Turns a rambling take into something tight in minutes.

{T('veed')}

VEED handles captions, trimming and subtitles in the browser.

Gallery order

This sequence works, in this order:

1. Product doing its main job, populated with real data
2. The key differentiator — the thing nothing else does
3. A secondary feature that broadens the appeal
4. Something showing scale or output — results, integrations, volume
5. Pricing or a clear call to action

Do not lead with a logo, a tagline card, or a team photo. Those are not the product.

The OG image

Design it. If you don't, shared links on X, LinkedIn and Slack render as a broken grey box or a random crop, and every share you get looks amateur.

1200×630, product name legible at thumbnail size, a hint of the interface, brand colours. Test it in an OG preview tool before launch.

Logo and brand files

{T('brandfetch')}

Brandfetch is where journalists and directories look for your assets, so keep it current.

Prepare: light and dark versions, square for social profiles, a favicon, and a transparent PNG for directories. Almost every directory asks for the same set.

Before you ship them

• View every image at thumbnail size — legible?
• Watch the video on mute — does it still communicate?
• Check the OG image renders in a preview tool
• Look at the gallery on a phone
• Show one person who doesn't know the product and ask what it does

See also design tool launch checklist and how to write a tool description that converts.