SaaS launch visuals from your product screens
Turn product screens into a coherent set of launch visuals for your website, announcement, changelog, presentation and social posts.
Free to start in your browser. No account needed.
Made in Ultramock
Dashboards and websites presented for a launch: on a laptop, a desktop display and in the browser.
How can I make a hero image for my SaaS landing page that shows the app on a laptop and phone?
Ultramock puts your SaaS screens on a 3D laptop and a 3D phone in the same shot, lets you set the camera, light and background around them, and exports the result as a hero image from your browser.
Start with the laptop
Open the editor and pick a laptop, such as MacBook Pro 14", on the start screen. Drop in a screenshot of your web app, or capture the browser tab with the Ultramock Chrome extension.
Add the phone
Press Add device to put an iPhone, Pixel or Galaxy phone in the same shot, then upload your mobile screen for it. Each device shows its own image.
Arrange both devices
Click a device in the viewport and drag its handles to move and turn it, then set the camera angle and zoom so both screens read clearly.
Set the background and light
Choose a colour, gradient or background image, then the lighting and depth of field. Several devices share a shot on the Custom scene background, not inside a premium 3D Scene.
Pick the shape and export
Choose 16:9 or another shape for the hero, open Export, choose Image and export a JPG, PNG or WebP. Free exports carry an Ultramock watermark, within five images and one video a week. Pro removes it, exports images up to 5,120 px and adds transparent PNG and WebP.
Start with the release message
The strongest launch visual is not the one with the most screens. It is the one that makes the value of the release visible quickly and clearly.
Make the change visible
Choose the screen or short workflow that best proves what is new, then build the composition around it.
Keep the launch coherent
Use one visual direction across stills and motion so the website, announcement and presentation feel connected.
Adapt for the placement
Change the composition ratio, crop and pacing for each destination while preserving the same product story.
How it works
Treat the launch as one visual system rather than a collection of unrelated screenshots made at the last minute.
Choose the message and screens
Write the release takeaway, then capture the product moments that make it concrete.
Create the visual direction
Set the device or Flat mode, camera, background, lighting and motion around one recognisable look.
Adapt and export
Reframe the composition for the website, announcement, social post or slide, then export each finished asset.
Build the set around real product moments
A launch pack becomes more useful when every asset has a job and every job points back to the same product idea.
For the launch surface
Create the primary visual that introduces the release and gives the rest of the page or announcement a direction.
- Website hero or feature visual
- Product announcement or release post
- Changelog and presentation imagery
For the supporting moments
Use alternate crops, screens and motion to carry the same visual language into the rest of the release.
- Detail images for individual features
- Short motion for social and launch updates
- Portrait, square and landscape compositions where the plan allows
Ultramock has massively helped with the speed and quality of our feature releases. Before Ultramock, we could only produce high quality visuals for the most important features. Now, we can produce beautiful product visuals in a fraction of the time.
Check the final placements before you start
Free video export is limited to watermarked 1280 × 720 landscape at up to 30fps. Portrait and square video, higher resolutions, watermark-free output and transparent options require Pro. Ultramock creates the assets; it does not publish or schedule the launch.
Questions, answered
What tools should I use to make launch visuals for a SaaS product?
Use Ultramock for the product visuals: it turns real SaaS screens into hero images, feature images and short videos, on 3D devices or in Flat mode, in one browser editor. Capture screens with the Ultramock Chrome extension or upload them, and start from a template if you want a finished look to adapt. Keep your usual tools for the launch copy, the page itself and posting the announcement; Ultramock makes the visuals.
Can I make still images and motion for the same launch?
Yes. The same project can support image and video exports, although each export uses the plan limits and allowance that apply to your account.
Can I capture the SaaS product directly from the browser?
The Ultramock Chrome extension can capture the current browser tab as a still or recording and send it into the editor. It does not capture the whole desktop.
Does Ultramock create the launch copy or publish the assets?
No. Ultramock is for creating the product visuals. Messaging, copywriting, publishing and distribution remain part of your launch workflow.
Last updated
Give the launch one visual direction
Start with the message, choose the screens that prove it and build the assets around the product.
Never miss an update
Get new features, release notes, and the occasional behind-the-scenes from Ultramock, straight to your inbox.