Recording standards for tutorial videos
Resolution, browser setup, demo data, narration style, pacing, chapters, thumbnails and the file naming every My Roof CRM tutorial follows so the series feels like one course.
Video tutorial coming soon
The written steps below are complete. Producing the video? Use the video script tab — it follows these steps one for one.
Rough runtime
4:11
Scenes
8
Lesson
11.3 · For testers & video producers
File name
11-03 recording-standards.mp4
Before you record
- This page open to read from.
- Record at 1920×1080, browser zoom 100%, light theme, sidebar expanded, no personal data on screen. See Recording standards.
Shot list
| # | Time | Scene | Screen | On screen | Narration |
|---|---|---|---|---|---|
| 0 | 0:0020s | Intro: Recording standards for tutorial videos | /help/[slug] | Title card, then the first screen of the lesson. | For the video team: the standards that keep every tutorial consistent. |
| 1 | 0:2036s | Screen setup | /help/[slug] | Record at 1920×1080, 30 or 60 fps. Browser zoom 100%, a single tab, bookmarks bar hidden, no notifications. Light theme. App sidebar expanded unless the lesson says otherwise. Use a demo workspace named for the series (for example "Summit Roofing Demo"). | Full HD, clean browser, light theme, the demo company. |
| 2 | 0:5636s | Demo data | /help/[slug] | Use fictional homeowners and addresses only. Never show real emails, phone numbers, tokens or payment details. Prepare the data listed under "Before you record" in the script tab. | Fictional people, fictional addresses, and the setup list from the script. |
| 3 | 1:3236s | Narration style | /help/[slug] | Read the narration from the script tab, conversationally. Say the exact button labels. One idea per sentence. Pause for a beat after each click so the viewer sees the result. Do not say "um", "basically" or "simply". | Speak the labels as they appear, and let each click land before you move on. |
| 4 | 2:0836s | Pacing and cuts | /help/[slug] | Target the runtime in the script header. Cut dead time (loading, typing long text) with a fast-forward or a jump cut. Zoom to a region only when text is small; return to full frame before the next click. | Trim the waiting. Zoom when text is small, then zoom back out. |
| 5 | 2:4436s | Intro, outro and chapters | /help/[slug] | Open with a 3-second title card using the lesson title, then the intro narration. Close with the outro narration and a 5-second end card pointing to the next lesson. Paste "Copy YouTube chapters" from the script tab into the description, adjusting timestamps to the final cut. | Title card, intro, lesson, outro, end card. Chapters come straight from the script tab. |
| 6 | 3:2036s | Delivery | /help/[slug] | Export MP4 (H.264, AAC). Name the file "<module-number>-<lesson-order> <guide-slug>.mp4", e.g. "02-02 create-a-job.mp4". Upload as unlisted first; title the video with the lesson title; use a thumbnail with the lesson title and module colour. | Export, name it by module and lesson, upload unlisted, and send the link to the admin for attaching. |
| 7 | 3:5615s | Recap & next lesson | /help/[slug] | Hold on the finished result, then the end card. | Next and last: producing a video from a guide, start to finish. |
Narration, in order
0. Intro: Recording standards for tutorial videos
0:00 · 20sTitle card, then the first screen of the lesson.
For the video team: the standards that keep every tutorial consistent.
1. Screen setup
0:20 · 36sRecord at 1920×1080, 30 or 60 fps. Browser zoom 100%, a single tab, bookmarks bar hidden, no notifications. Light theme. App sidebar expanded unless the lesson says otherwise. Use a demo workspace named for the series (for example "Summit Roofing Demo").
Full HD, clean browser, light theme, the demo company.
Show before cutting: Every video of the series looks identical in framing.
2. Demo data
0:56 · 36sUse fictional homeowners and addresses only. Never show real emails, phone numbers, tokens or payment details. Prepare the data listed under "Before you record" in the script tab.
Fictional people, fictional addresses, and the setup list from the script.
Show before cutting: Nothing personal or secret appears on screen.
3. Narration style
1:32 · 36sRead the narration from the script tab, conversationally. Say the exact button labels. One idea per sentence. Pause for a beat after each click so the viewer sees the result. Do not say "um", "basically" or "simply".
Speak the labels as they appear, and let each click land before you move on.
Show before cutting: Narration matches the on-screen action within a second.
4. Pacing and cuts
2:08 · 36sTarget the runtime in the script header. Cut dead time (loading, typing long text) with a fast-forward or a jump cut. Zoom to a region only when text is small; return to full frame before the next click.
Trim the waiting. Zoom when text is small, then zoom back out.
Show before cutting: Each scene lands near its planned timestamp.
5. Intro, outro and chapters
2:44 · 36sOpen with a 3-second title card using the lesson title, then the intro narration. Close with the outro narration and a 5-second end card pointing to the next lesson. Paste "Copy YouTube chapters" from the script tab into the description, adjusting timestamps to the final cut.
Title card, intro, lesson, outro, end card. Chapters come straight from the script tab.
Show before cutting: Chapters match the scenes; the end card names the next lesson.
6. Delivery
3:20 · 36sExport MP4 (H.264, AAC). Name the file "<module-number>-<lesson-order> <guide-slug>.mp4", e.g. "02-02 create-a-job.mp4". Upload as unlisted first; title the video with the lesson title; use a thumbnail with the lesson title and module colour.
Export, name it by module and lesson, upload unlisted, and send the link to the admin for attaching.
Show before cutting: The admin can attach the link from the admin panel within a minute.
7. Recap & next lesson
3:56 · 15sHold on the finished result, then the end card.
Next and last: producing a video from a guide, start to finish.
Related lessons
Attach tutorial videos to help guides
Paste a YouTube, Vimeo, Loom or direct video link onto a guide from the admin panel, order multiple videos, edit or remove them, and see the result on the public guide.
Platform administrationIntermediate5 min
Produce a tutorial video from a guide, step by step
The end-to-end workflow for video editors: pick the lesson, prepare the demo data, record each scene from the shot list, edit to the chapter list, publish, and hand the link to the admin.
For testers & video producersIntermediate10 min
Finished this lesson?