Video Marketing

Product Interface UI Videos: 18 Screens vs the Old Way

Introduction

A product interface is judged against the old way

A clean dashboard on its own proves nothing. Every SaaS product has one.

Your buyer doesn't compare your screen with a rival's screen first. They compare it with what they do today: the six open tabs, the spreadsheet, the risk they live with, the Friday status chase.

So the screen isn't the story. The swap is. Show the old way your interface replaces, and the same UI suddenly means something.

The short answer: the product interface UI videos that work pick one old way and show the screen that replaces it. Vault Door replaces risk by drawing the protection layer by layer. Key Ring replaces tool sprawl by pulling scattered tools onto one screen. Shortcut replaces manual work by counting the steps that disappear. Progress Bar replaces guesswork with a screen that shows the change. The 18 videos below are sorted by the old way they replace. For camera and layout techniques instead, see these user interface demo videos.

Planning a product UI video?

Talk to the Advids team about style, budget and timeline before you write the script. Start with the old way your screen replaces.

Let’s talk

18 examples

Product Interface UI Video examples

Screen 1 · Vault Door

If your buyer fears the risk, show the guard before the dashboard.

Nobody hands their savings to a bank with no vault behind the counter. Your buyer treats their data the same way. A screen they can't see guarded is a screen they won't trust.

I call it the Vault Door: the protection drawn on screen, layer by layer, before the work view. Four examples.

Dunhill Financial Software demo video

Dunhill Financial's “Safe & Secure” starts on a financial dashboard. Then it takes security apart in 3D, one layer at a time.

What works here:

  • A vault carries the idea. 3D motion graphics open it up to show features like 256-bit encryption and two-factor authentication.
  • Every layer gets a name, from Transport Layer Security to next-generation firewalls. The worry is answered before the viewer can raise it.
  • It ends back on the dashboard, with real-time alerts for unusual activity. Protection first, then the daily view.

The move: Name each protection layer on screen, one at a time. If a viewer can't repeat 2 of them afterwards, you showed a lock icon, not a vault.

Avast Secure Internet Gateway video

Avast Business sells a cloud security gateway for teams that work from anywhere. The isometric animation starts with what the office perimeter no longer covers.

What works here:

  • The gap comes first. Employees reach cloud apps from outside the office, and the old network perimeter can't protect them.
  • Then the inspection is shown, not claimed. A magnifying glass moves over encrypted SSL traffic as it flows through the Avast cloud.
  • Scale closes it: a global network across over 150 locations, without expensive network appliances.

The move: Show the moment your product checks something, not just a shield icon. If the viewer can't point to where the check happens, add that shot.

Comscore Proximic UI video

Comscore's video introduces Proximic Predictive Audiences, an ID-free way to target ads. It opens on the risk every ad buyer already feels: signal loss.

What works here:

  • An animated timeline runs through GDPR, CCPA, ADPPA and Chrome cookie deprecation. By the end, the old way looks finished.
  • An “Advertising Cafe” turns unreachable consumers into reachable audiences, with Comscore's AI contextual engine in the middle.
  • Trust comes from the data source: currency-grade data and double opt-in panels, with no user IDs.

The move: If a rule change is the risk, put the rule's timeline on screen first. Your product then answers a question the viewer is already asking.

SS&C Blue Prism automation video

SS&C Blue Prism sells intelligent automation for companies adopting generative AI. There's little product interface here. It earns its place by naming the AI risks before the fix.

What works here:

  • A Rube Goldberg machine stands in for business processes. Disconnected steps become one automated chain you can follow.
  • The risks are said out loud: AI “making stuff up” and privacy concerns. A lock-protected environment answers them.
  • The fix gets three plain parts: Execution, Orchestration and Governance. SS&C calls it the “ultimate triple whammy.”

The move: If your buyer fears what AI might do, name the risk in their words before you show the control. If the risk stays vague, the control looks decorative.

Screen 2 · Key Ring

If your buyer juggles too many tools, pull them onto one screen.

Risk isn't the only old way. Most buyers already have software. Too much of it.

A key ring doesn't remove a single door. It just gives you one thing to carry. Your buyer's six open tabs are the loose keys. I call it the Key Ring: the scattered tools shown first, then the one screen that holds them. Six examples.

Freshworks Software demo video

The Freshworks CRM overview starts with disconnected tools and fragmented legacy systems. Then one platform brings the data and the teams together.

What works here:

  • The contrast does the selling. Scattered tools on one side, one platform on the other.
  • Sales and marketing workflows sit in the same place, instead of in separate tools that never talk.

The move: Show your buyer's current tool pile before your product. If the viewer can't count the tools you replace, the “one platform” line has nothing to stand on.

Sony Feature demonstration video

Sony's video introduces Google TV on Bravia sets. It's a consumer product, but the interface move applies to any SaaS product that replaces several apps.

What works here:

  • Content from many streaming services lands in one portal, with personalized picks.
  • A phone casts straight to the big screen with one tap.
  • Several remotes merge into one controller on screen. One image says “fewer things to manage.”

The move: Find the one object that shows your consolidation, like the remotes. If you need a sentence to explain the merge, the picture isn't doing its job.

Rubrik Product feature video

Rubrik's video sets “old school” backup scheduling against its SLA Policy Engine. The old way is a pile of windows. The new way is one policy.

What works here:

  • The multi-window mess comes first. Then a single policy replaces the manual scheduling jobs.
  • One setting covers a lot: RPO and retention for VMs, databases, file sets and operating systems, across on-premises, AWS, Azure and Google Cloud.
  • Recovery is a timeline. Rubrik's global metadata index shows the right restore point, and recovery takes a few clicks.

The move: If your product replaces many settings with one rule, show the old windows first, then the rule. If the before isn't messy, the after won't impress.

Revenue.io Product functionality video

Revenue.io sells a Salesforce-native sales coaching platform. The video turns sales “noise” into guidance on one screen.

What works here:

  • Chaotic data resolves into “next best actions” for reps. The metaphor is the product.
  • One platform serves SDRs, account executives and managers, with inbound lead routing and real-time coaching.
  • Activity logs itself into Salesforce. The manual entry step simply disappears.

The move: Name the system of record your buyer already runs, and show your data landing in it. If they have to imagine the sync, they'll doubt it.

Trimble Product feature show video

Trimble's Reality Capture Platform Service puts point clouds and BIM data in one shared place. The promise is “one shared view of the world.”

What works here:

  • Huge data sets become views you can move through, from the full project down to a single measurement.
  • Teams upload, comment, inspect and coordinate inside the same 3D environment in Trimble Connect.
  • Access from “anywhere” closes the case for distributed project teams.

The move: If your product replaces email threads about one file, show 2 people working on that file in the same view.

Zoho CRM NextGen UI video

Zoho CRM's video shows off its refreshed look, the NextGen UI. There's no voiceover. Music plays while floating interface panels carry the new design.

What works here:

  • No narration. The panels and the music do all the work.
  • Each feature callout gets its own zoom, so the eye goes to one part of the new interface at a time.

The move: If you're shipping a redesign, let each zoom land on one part of the new layout. If two callouts fight for the same second, cut one.

Screen 3 · Shortcut

If your buyer dreads the manual work, count the steps your screen removes.

One screen helps. But the next doubt is effort: how much work is it to use?

A shortcut doesn't change where you're going. It changes how many turns it takes. Your buyer's invoice chase or blank slide deck is the long road. I call it the Shortcut: the old steps, then fewer steps, with the count on screen. Five examples.

MerchantE Software walkthrough video

MerchantE's Invoice Link for NetSuite adds “Pay Now” links to invoices. The video mixes animation with real NetSuite screens.

What works here:

  • Setup is a count: 3 steps to activate inside NetSuite.
  • The payer's side is shown too. One click from an emailed invoice opens a branded, secure payment page.
  • The finance outcome is named: lower Days Sales Outstanding, no manual follow-ups and instant reconciliation.

The move: Count your setup steps and put the number on screen. If it's more than 3, show the first 3 and say how long the rest take.

Xfinity Software user experience video

Xfinity's video shows how to activate Storm-Ready WiFi. It's a home product, but the setup scene is one any SaaS onboarding flow can copy.

What works here:

  • The outage comes first. Power and WiFi drop, and the device switches to a 4G LTE backup with 4 hours of battery.
  • Then the app takes over, with setup in under 15 minutes. It guides where to place the device.
  • The same app monitors WiFi, cellular and battery backup signals, so the viewer sees the after-setup view too.

The move: Put your setup time on screen as a number. “Under 15 minutes” is a plan. “Easy setup” is a claim.

Pitch User interface video

Pitch 2.0 starts with a feeling every founder knows: a big idea and a blank deck. Then a text prompt becomes a multi-slide presentation.

What works here:

  • The first draft takes one prompt. That's the old blank-page step, gone.
  • A “rewind” effect shows the draft is a starting point. Themes, fonts and real-time team editing come next.
  • It goes past creation into analytics: median time spent, viewed slides and visitor activity by location.

The move: Show what your product does with the first 5 minutes of a task. If the viewer still sees a blank page, start later in the flow.

Ema App walkthrough video

Ema frames its document generation AI as a suite of “AI employees,” like a Sales Proposal Writer and a Prospectus Writer. Typed instructions replace hours of formatting.

What works here:

  • Each AI employee has a job title. Buyers understand a role faster than a feature list.
  • Instructions are plain language. The AI draws on past documents, data from other apps and trusted web sources.
  • The output includes charts, images and tables, with team feedback built into the workflow.

The move: If your AI does a job, give it the job title your buyer would hire for. If the title needs explaining, pick a plainer one.

Clarifai Software walkthrough video

Clarifai's Labeler video opens on global data overload. Then it zooms into one task: labeling training data for machine learning.

What works here:

  • The interface does the work: AI-assisted object detection, bounding boxes, polygon segmentation and video interpolation.
  • An “Active Learning” diagram shows where people stay in the loop. The model improves with human feedback.
  • Workforce management tools show how labeling scales beyond one person.

The move: Show the AI's first pass and the human fix in the same shot. If the viewer can't tell who did what, the shortcut looks like magic, and magic gets doubted.

Screen 4 · Progress Bar

If your buyer can't tell it's working, end on the screen that shows progress.

Fast setup still leaves one doubt. Is it working, and can I prove it?

A parcel tracker doesn't speed up the delivery. It stops the “where is it?” calls. Your buyer's boss makes that call every week. I call it the Progress Bar: the screen that shows change over time. Three examples.

Fitbit Charge 4 Product feature video

Fitbit's Charge 4 video sells a consumer wearable. It's here for one technique: raw activity data becomes charts a viewer reads at a glance.

What works here:

  • GPS route tracing and a color-coded intensity map show where a workout got hard.
  • Sleep, heart rate, activity and calorie charts turn all-day data into a record of progress.
  • Spotify control, contactless payments and call notifications show it fits the rest of the day.

The move: Pick the one chart that shows your buyer's progress, and give it the longest screen time. If it needs a legend explained, simplify the chart.

SilverCloud Onboarding video

SilverCloud by Amwell offers online mental health programs. The video shows the methods, the tools and how progress gets measured.

What works here:

  • The method comes first: Cognitive Behavioral Therapy, Mindfulness and Positive Psychology, as animated infographics.
  • Then the tools on phone and laptop: a journal, a mood monitor and the “Worry Tree.”
  • Progress gets a standard. PHQ-9 and GAD-7 screening tools track improvement, in self-guided or coached programs.

The move: Measure progress with a standard your buyer already trusts. If you invented the score, show what it's based on.

KPMG Lease Hub UI video

KPMG Lease Hub handles lease accounting under AASB 16. KPMG calls it “smartly simple”: a platform plus a team of specialists.

What works here:

  • The complexity shows up first, then gets handed off. Internal teams stop carrying the lease accounting work.
  • A workflow application and dashboard views show the status of lease documents and financial movements.
  • Automated data validations and change tracking show accuracy, backed by access to KPMG's lease accounting experts.

The move: If your buyer hands the work to you, show the status screen they'll check. If they can't see progress, they'll call to ask.

Pick your move

Which old way does your screen replace?

The short answer: ask one question. What does your buyer do today instead of using your product? Live with a risk, juggle tools, do it by hand, or guess? The answer picks the move. One old way per video. If two are loud, make two short videos instead of one long one.

If your buyer todayUseDo thisExample to copy
lives with a riskVault DoorDraw the protection layer by layer, before the work viewDunhill Financial
juggles too many toolsKey RingShow the tool pile, then the one screen that holds itRubrik
does the work by handShortcutCount the steps and put the number on screenMerchantE
guesses whether it's workingProgress BarEnd on the screen that shows change over timeSilverCloud

Now go back to the clean dashboard with nothing around it. It answers none of the four old ways. The viewer has nothing to compare it with, so they compare it with every other dashboard they've seen.

The move: list the 3 things your buyer does today instead of using your product. Pick the most painful one. Give it no more than 10 seconds, then show the screen that replaces it.

A screen shows what you built. The old way next to it shows why it matters.

FAQ

Product Interface UI Video FAQ

What is a product interface UI video?
A product interface UI video shows a software product's screens in use, so a buyer sees what working in it looks like. The strong ones set the screen against the old way it replaces: a risk, a tool pile, manual steps or guesswork. Rubrik, for example, shows “old school” backup windows before its single policy.
How long should a product interface UI video be?
17 of the 18 videos on this page run between 1 and 2 minutes. The shortest are Revenue.io and Fitbit at 1:06. The longest is Zoho CRM's music-only redesign video at 2:02. Keep it to one old way and one replacement screen.
Should a UI video use real screen recordings or animated UI?
Use real screens when the buyer needs proof, the way MerchantE shows NetSuite. Use animated UI to strip clutter and show what a screen can't, like Avast inspecting encrypted traffic. Most product screencast videos sit at the recorded end. Clean capture matters there, so follow basic screen recording tips.
What should a UI video show first?
The old way, briefly. Comscore opens on a timeline of privacy rules. Freshworks opens on disconnected tools. If your buyer already feels the pain, skip it and open on the screen.
How do you show security in a UI video?
Draw the protection layer by layer, then return to the everyday screen. Dunhill Financial names each layer, from 256-bit encryption to next-generation firewalls. Avast shows a magnifying glass inspecting encrypted traffic.
How do you show a product that replaces several tools?
Show the tools first, then the one screen. Sony merges several remotes into one controller. Rubrik replaces a stack of scheduling windows with one policy. Count the tools on screen so the viewer can count them too.
How do you show an AI feature in a UI video?
Show the AI's first pass and where people stay in control. Pitch shows an AI draft, then human edits. Clarifai shows an Active Learning loop with human feedback. These AI UI demo videos go deeper on AI screens.
How many features should a UI video show?
As few as the old way needs. One task usually touches 2 or 3 features. Every extra screen is one more thing to remember. Fewer elements on screen also reduce cognitive load, so the viewer follows the task instead of hunting for it.
Should a product UI video have a voiceover?
Usually, yes. A voiceover lets the screen carry the interface instead of piling text on it. Zoho CRM is the exception: a redesign video with music only, where the panels do the talking. Add captions either way.
How do you make charts readable in a UI video?
Give one chart the longest screen time and keep its labels short. Fitbit's color-coded intensity map reads at a glance. Basic chart design rules apply on video too: one message per chart.
What call to action fits a product UI video?
Ask for the next step the screen made believable: a trial, a demo or a setup call. Use one ask and an action verb. These call to action examples show how the wording changes the click.
Where does a UI video fit in onboarding?
Right after sign-up. Show the first screen a new user will open and the first task they'll finish there. Xfinity's app-guided setup is the model. For more formats, see these software onboarding videos.
How do you show a data-heavy product in a UI video?
Pick the one view that changes a decision. Trimble moves from the full project down to a single measurement. These dashboard tour videos go deeper on data screens.

Patterns from the analysis

Product Interface UI Video Best Practices

The 18 breakdowns above were written from what each video shows on screen and how its publisher describes it, not from full transcripts. Five patterns showed up. Read each count as what these 18 did, not as market data.

Old Way Shown

Should a UI video show the old way before the new screen?

Observation
Comscore shows the privacy rules. Avast shows the office perimeter failing. Freshworks shows disconnected tools. Rubrik shows “old school” scheduling. Sony shows a pile of remotes. Clarifai, Pitch, Revenue.io, KPMG and Xfinity each show the problem before the fix.
Data
10 of 18 put the old way on screen before or beside the new one.
The move
Give the old way a few seconds of screen time. Your interface is easier to value when the viewer has just seen the alternative.
One Object

How do UI videos explain what the interface can't show?

Observation
Dunhill Financial uses a vault. SS&C uses a Rube Goldberg machine. Comscore uses an “Advertising Cafe.” Avast uses a magnifying glass. Sony merges remotes into one controller.
Data
5 of 18 used one physical object to carry an idea the screen couldn't.
The move
If the value happens out of sight, pick one object your buyer already understands. Then cut back to the real screen.
Human Control

Should an AI interface video show where people stay in control?

Observation
Six products here sell AI: Pitch, Clarifai, SS&C, Ema, Revenue.io and Comscore. Pitch shows human edits after the AI draft. Clarifai shows an Active Learning loop. SS&C names Governance. Ema takes plain-language instructions and team feedback.
Data
4 of the 6 AI products showed where a person stays in control.
The move
Show the moment a person checks or changes the AI's work. It answers the trust question before a buyer asks it.
Named Stack

Should a UI video name the tools the buyer already uses?

Observation
MerchantE works inside NetSuite. Revenue.io logs into Salesforce. Rubrik names AWS, Azure and Google Cloud. Fitbit shows Spotify control.
Data
4 of 18 named a tool the buyer already runs.
The move
Put a logo your buyer already pays for next to your screen. Fit is easier to believe when it's visible.
Hard Number

Which numbers belong in a product UI video?

Observation
Dunhill Financial names 256-bit encryption. Avast cites over 150 locations. Xfinity gives setup in under 15 minutes and 4 hours of backup battery. MerchantE activates in 3 steps.
Data
4 of 18 put a hard number in front of the viewer.
The move
Find one number your buyer can check, like setup time or step count, and show it on screen. “Easy” is a claim. “3 steps” is a fact.

How to plan

Where to use your product interface UI video

Put the video where the old way is still on your buyer's mind. That one rule decides most placements.

  • Product pages. The main UI video, above the fold, set against the old way.
  • Release notes and redesign announcements. A music-only cut, like Zoho CRM's, shows the new layout fast.
  • Onboarding emails and in-app help. One short clip per first task.
  • Sales follow-ups. The Vault Door cut for security reviews, the Key Ring cut for tool consolidation.

How to find the old way your screen replaces

Your buyer has already told you. You just need to look in the right places.

  • Lost deals. Ask what they kept using instead. That answer is your old way.
  • Sales calls. Note the tool names buyers mention before your demo starts.
  • Support tickets. The workaround a customer used before they wrote in is a Shortcut scene.
  • Security reviews. The questions on the form are your Vault Door layers.

Then pick one. A video that replaces four old ways replaces none of them clearly. For more ways to frame a screen, see these SaaS UI videos.

Product interface UI video production process

Every UI video runs through the same three stages. Knowing them keeps a project from drifting.

  • Pre-production. Set the buyer, the old way and the one screen that replaces it. Then the script, the storyboard, the budget and the timeline.
  • Production. Record clean product screens, or rebuild and animate the interface. A video that drifts into a full software walkthrough has lost its one old way.
  • Post-production. Edit, add motion and sound, get feedback in one round, then cut a version for each platform. Where a recording can't show the idea, borrow from these animated interface UI videos.

About the author

About Jai Ghosh

Jai Ghosh
Video Producer at Advids · LinkedIn

Jai Ghosh is a Video Producer at Advids, where he has planned and produced videos for B2B software and technology companies for 7 years. He works on product demos, explainer videos and brand videos, from the first script to the final cut, for clients from startups to enterprises.

Before Advids, Jai spent over 11 years in freelance media consulting, after starting out in digital journalism. He writes the Advids blog's breakdowns of product and demo videos, sorting real examples by the question each one answers for a buyer.

  • Focus: SaaS product demos, explainer videos and brand videos
  • Experience: 7 years at Advids, over 11 years in media consulting
  • Background: digital journalism

Connect with Jai Ghosh on LinkedIn