Tutorial video
Software tutorial video example
This software tutorial video example moves a deal from Qualified to Won in a fictional CRM, and the script with every step's seconds is below. The shape to steal is the overview: before any screenshot, a drawn scene lays out the three stages, so each step that follows lands in a map the viewer already holds. Steps then run five to nine seconds each at the calm pace.
Watch it
Deep Sea look, Charon, instructional male voice, English. Exported at 16:9.
The brief that made it
Tutorial: move a deal through the Pipeway pipeline. Overview of the three stages, then: open the deal, log the call, move to Proposal, attach the quote, mark Won.
The script, scene by scene
Every narration line with the scene it sits on and how long it runs. Useful whether you build the video here or write your own.
- Scene 1intro4s
- Moving a deal through Pipeway.
- Scene 2how_it_works6s
- Three stages: Qualified, Proposal, Won.
- Scene 3tutorial7s
- Open the deal from the board.
- Scene 4tutorial7s
- Log the call from the Activity tab.
- Scene 5tutorial7s
- Drag the deal to Proposal, or use the stage menu.
- Scene 6tutorial9s
- Attach the quote PDF; it shows under Files, and the deal card gets a paperclip.
- Scene 7tutorial7s
- Mark it Won and enter the close date.
- Scene 8outro5s
- The deal counts toward this month's total.
The overview comes before the steps
Scene 2 is not a screenshot. It is a drawn three card scene, Qualified, Proposal, Won, each with a one line definition, shown before any interface appears. Teaching research calls this an advance organiser: give the learner the structure first and every subsequent detail has somewhere to attach. In practice it means a rep who forgets step four still knows there are three stages and what each means, which is the durable knowledge. The how_it_works scene type is one of the five roles tutorial mode offers, alongside the steps, checklists, intro and outro.
Two ways to do one step
The stage move step says "drag the deal to Proposal, or use the stage menu", and the screen shows the card mid drag with the menu visible. Software tutorials usually pick one path and silently strand every viewer whose screen differs; naming both paths costs three words. The attach step gets the video's longest scene, nine seconds, because it teaches two facts at once: the quote lands under Files, and the deal card grows a paperclip, the little confirmation that tells a manager scanning the board that the quote went out.
Dense dark screens, readable steps
The mock Pipeway interface is dark, and the video uses the Deep Sea look so the frames and text sit in the same world rather than fighting it. Every step screenshot carries one marked click point with the 1.5x zoom, so even the busy board view reduces to one glowing region per scene. The screens are hand built mocks of a fictional CRM; capture your real one with the built in still capture, crop the capture area if your board carries live customer names, and let the caption, up to 25 words per step, carry the sentence the narration speaks.
What makes this video work
The map precedes the territory
Scene 2 draws Qualified, Proposal, Won as three cards before any screenshot appears. Every later step slots into a structure the viewer already holds, which is what makes it stick.
Both paths are named
The move step teaches drag and the stage menu in one breath, so no viewer is stranded by an interface variant. Three extra words replace a support ticket.
The longest scene teaches the confirmation
Nine seconds on attaching the quote covers where the file lives and the paperclip that proves it happened. Teaching the feedback signal is what lets people trust they did it right.
Questions people ask
Can the video animate an actual drag?
The step plays a cursor glide to the marked point and a click ripple, then eases the camera in, which reads as the gesture without pretending to be a recording. The mid drag state itself is in the screenshot, card tilted over the target column, so motion and state together tell the story.
Is the overview scene a screenshot?
No, it is drawn: a three card how_it_works scene with a number, a name and one line per stage, rendered in the video's look. That is why it reads instantly. It is also the scene to reuse alone when someone only needs the concept, not the clicks.
Is five steps the limit?
No. The long length budget allows up to twelve scenes, so a five step task with an overview, intro and outro sits comfortably. Past eight steps, split the task: two short videos on one link each outperform one long one people scrub through.
Can I slow the narration down?
Per scene, yes: speeds run 0.85x, 0.9x, 1x, 1.1x and 1.25x in the voice dialog. Slowing the attach step while keeping the intro at full speed is a reasonable pattern for dense steps. The scene stretches to fit the slower read.
Why a dark look for this one?
The fictional CRM is a dark interface, and framing dark screenshots in a light video makes every step look like a hole in the page. The Deep Sea look keeps chrome and content in one palette. Ten dark and eleven light looks ship, so match the product you are teaching.
Do captions adapt to the dark look?
The caption pill is always dark with light text, whatever the look, so it reads on both this video and a light one. It sits at the bottom safe inset, types on with the narration, and can be switched off per scene if a step's screen region would be covered.
Build your own in about a minute
The button below opens the generator with this use case already described. Change the wording to match your own, generate, then edit anything you like.
Make my software tutorial video exampleOther video examples
Product demo video example
This product demo video example tours a fictional analytics dashboard by doing one job: finding out why sign-ups dropped last week, with the script and per step seconds below. Five screens each answer part of the question, from the overview tile to the paused campaign, and the payoff is setting the alert so it never needs asking again. A workflow, not a feature list.
How-to video example
This how-to video example walks a fictional expense portal in five steps, one screenshot per step, and the full script with per step seconds is below. Each step spotlights the control being clicked and zooms toward it, the checklist near the end lists what to attach so the video replaces the policy page, and the pace is calm throughout, crossfades rather than cuts.
Tutorial video example
This tutorial video example resets a password in a fictional staff portal in four steps, and the script with per step seconds is below. It is the shortest shape a tutorial usefully takes: sign in page, email field, the message with the reset link, the new password form, with the single 2.1x close-up spent on the emailed link because that is the step people actually miss.
Want the steps in the builder? Read Make a how-to video with AI, then Capture your screen for a tutorial video. For everything this generator can do, see the video maker.
Sources
Written and checked by the OneCraft team. Last checked .