Education product demo video template

Show a useful learning-platform workflow with your real screens or recording. Help educators and learners see how to get started.

See it in action with Khan Academy Learner Home.

From this input to this video

Official Khan Academy screenshots show where students find their classes, active assignments and independent courses.

Create a 30-second product demo video for Khan Academy, a online learning platform for students finding their next activity. Use my official Learner Home screenshots and guidance at https://support.khanacademy.org/hc/en-us/articles/360030629852-What-is-my-Learner-Home-page-and-what-can-I-do-there as the source. Open on the problem: finding your assignments and courses in one place. Walk through opening Learner Home, choosing a class and finding its Active assignments, then locating independent courses under My Stuff solving it — show the real UI, no invented screens. Tone: friendly and instructional. End on the logo with the line Explore your Learner Home on Khan Academy. Voiceover language: English; if no voiceover, use on-screen captions and light background music. Use original source screenshots or footage, with labels and highlights. Preserve the interface and any visible example data; do not redraw screens or invent clicks.

What you start with
What you get
Drag to compare
Open video in a new tab
Read the exact input

Prompt

Create a 30-second product demo video for Khan Academy, a online learning platform for students finding their next activity. Use my official Learner Home screenshots and guidance at https://support.khanacademy.org/hc/en-us/articles/360030629852-What-is-my-Learner-Home-page-and-what-can-I-do-there as the source. Open on the problem: finding your assignments and courses in one place. Walk through opening Learner Home, choosing a class and finding its Active assignments, then locating independent courses under My Stuff solving it — show the real UI, no invented screens. Tone: friendly and instructional. End on the logo with the line Explore your Learner Home on Khan Academy. Voiceover language: English; if no voiceover, use on-screen captions and light background music. Use original source screenshots or footage, with labels and highlights. Preserve the interface and any visible example data; do not redraw screens or invent clicks.

Selected style

Editorial

Source material

Read the video transcript

Where are your assignments? And the courses you're taking on your own? They're all in one place: your Learner Home. Click your name in the top right, then Learner home. Choose a class under My Classes, and its current and upcoming assignments appear under the Active tab. Courses you're taking independently live under My Stuff, in Courses. Explore your Learner Home on Khan Academy.

Make it yours

Fill in your details here, or continue and finish your brief in ngram.

Help filling in your brief
[platform-name]
Your platform name.
[platform-type]
What it is, in plain words.
[audience]
Who uses it.
[input-type]
What you're uploading.
[pain-point]
The problem you open on.
[key-feature]
The one feature you demo.
[tone]
Voice and feel.
[cta]
Closing line.
[vo-language]
Narration language.

Trusted by teams at

HubSpotDeelZapierITVVeevaDP WorldGenpactSafetyCulture

What this template is

An education product demo video template is a reusable prompt plus scene structure that turns a platform URL or screen recording into a short, narrated walkthrough of one key feature. ngram handles the script, visuals, and pacing — the maker names the product, the audience, and the problem it solves, then generates. The result is a 30-second demo built for edtech founders and marketers who need to show what their platform does without scheduling a production day.

industry: educationjob: product demoaudience: edtech founders and marketers
Scene structure

What the template builds

Four beats, 30 seconds — the shape most edtech demo prompts converge on.

  1. 1

    Problem hook

    6s

    Name the real pain educators or admins face before your platform exists. Text-forward, no product UI yet. Make it specific enough to land.

  2. 2

    Feature walkthrough

    16s

    Cut to the actual screen recording or URL-sourced UI. Narrate the one feature solving the problem, step by step, with animated callouts pointing at the right elements.

  3. 3

    Outcome

    5s

    Show the after-state — the time saved, the score generated, the report ready. One concrete result beats a list of benefits.

  4. 4

    Logo + CTA

    3s

    Close on the platform logo and the one line you want the viewer to do next. Calm and direct — no hard sell.

Customize

Make it yours

Duration

Trim the walkthrough to a teaser or extend it to cover more of the platform.

15s teaser30s standard60s deep walkthrough

Input source

Start from what you already have — a recording or a URL both work.

Screen recordingPlatform URLScreenshot set

Narration

Choose AI voiceover for watch-with-sound contexts, or captions-only for autoplay environments.

AI voiceoverCaptions + musicNo audio

Aspect ratio

Match the channel. 16:9 for website and YouTube, 9:16 for social ads and Reels.

16:9 website/YouTube9:16 social ads1:1 feed
Variations

Common variations

60-second platform tour

Walk through two or three features for a sales call or investor pitch where a single feature demo isn't enough context.

tweak

Extend to 60 seconds. Demo [key-feature] plus two supporting features. Add a short narrated intro explaining who the platform is for.

Vertical cut for paid social

Prepare a separate 9:16 edit of the 30-second demo for YouTube Shorts, Instagram Reels, or school district ad campaigns.

tweak

Create a separate 9:16 edit. Keep captions large and centered. Crop the recording to the active UI region only.

Captions-only for conferences

Drop the voiceover for a looping demo kiosk or a silent booth screen at an edtech conference.

tweak

Remove the voiceover. Use concise on-screen captions and soft ambient music only.

Localized version

Generate the same demo with translated captions and voiceover for international markets or multilingual school districts.

tweak

Translate captions and voiceover to [target-language]. Keep the visual structure identical.

How it works

How it works

1

Open the template

Click "Use this template" and the prompt loads into the editor prefilled.

2

Add your details

Replace the brackets with your platform name, pain point, and feature. Attach your screen recording or paste your platform URL.

3

Approve the plan, then refine

Review the proposed plan and its script, then approve it to create your video. Preview the result and ask ngram to adjust the pacing, visuals or narration.

More templates

Related templates

All templates
Ship it anywhere

Plug demos into your stack

Wire demo creation into the tools your edtech team already uses.

YouTube
Social Publishing Beta

whenThe finished education product demo is ready for a product-channel upload

thenConfirm the YouTube destination before writing the education product demo post.

Integrate with YouTube
LinkedIn
Social Publishing Beta

whenThe finished education product demo is ready for a buyer-facing LinkedIn post

thenCheck LinkedIn as the destination before writing the education product demo post.

Integrate with LinkedIn
Zapier
Automate

whena new feature ships

thenauto-render a demo and alert the team

Integrate with Zapier
n8n
Self-host

whena webhook fires

thengenerate a demo in a self-hosted flow

Integrate with n8n
Chrome extension
Capture

whenyou capture a screen recording

thenstart a demo from the browser

Integrate with Chrome extension
REST APIMCP serverWebhooksBuild your own integration in ~30 lines.

Frequently asked

Do I need a screen recording or does a URL work?

Either works. A screen recording gives you scene-by-scene control — ngram follows it closely and adds callouts. A URL lets ngram pull screens from your platform and build the storyboard from what it finds. Most edtech demos use one or the other; if you have both, mention both in the prompt.

Can I demo more than one feature in 30 seconds?

The 30-second template is built around one feature on purpose — it keeps the message clear and the pacing tight. For a broader platform tour, use the 60-second variation and name two or three features explicitly in the slots.

What if my platform targets multiple audiences — teachers and admins?

Pick the primary audience for this cut and make the pain point specific to them. Run the template a second time with the other audience in the [audience] and [pain-point] slots to get a version tailored to each.

Can I use this for a B2B edtech sales pitch rather than a public demo?

Yes. Change the [tone] slot to match a sales context — for example, 'direct, ROI-focused, professional' — and set the [cta] to something like 'Book a 15-minute pilot call'. The four-beat structure holds for both public and sales-channel demos.

What visual style does this template produce?

Motion-graphics by default — branded text overlays, animated callouts pointing at UI elements, and clean transitions. You can ask for a more realistic or minimalist style in the [tone] slot or by describing the style in the prompt before generating.

How do I add my institution's branding?

Set up a Brand Kit with your logo, colors, and fonts, then select it when creating the video. Choose any saved intro or outro you want to include, and review the callouts and closing card before export.

Does the template work for non-English-speaking markets?

Yes. Set [vo-language] to your target language. ngram generates the voiceover and captions in that language. For districts or markets with specific language requirements, it's worth running a quick review on the output before publishing.

Use the education product demo template now.

Copy the prompt, add your details, and generate your demo.

Talk to sales