Was ist ein Produktdemo-Video? Das Produkt bei der Arbeit
Ein Produktdemo-Video ist ein kurzer Film, in dem dein echtes Produkt auf dem Bildschirm genau die Aufgabe erledigt, für die es gebaut wurde, während eine Stimme erklärt, was passiert. Es beantwortet die Frage „Wie sieht das aus, wenn ich es benutze?“ und damit eine andere als das Erklärvideo („Warum geht mich das an?“) oder das Tutorial („Wie mache ich das?“).
Dieser Leitfaden ist für Gründer und Produktmarketer, die ständig „Wir brauchen eine Demo“ hören und wissen wollen, welcher Film damit gemeint ist. Wir vergleichen zwei Schnittfassungen derselben echten Demo, gemacht aus dogebot.net, und zeigen dann, was ins Bild gehört.
DogeBot: eine 61-Sekunden-Demo im Format 16:9 aus dogebot.net, 97 gesprochene Wörter. Ein No-Code-Canvas für Discord-Bots: Blöcke ziehen, verbinden, speichern, und der Bot läuft, rund um die Uhr gehostet.
Demo, Erklärvideo, Tutorial, Werbevideo: vier verschiedene Fragen
Diese vier Filme werden oft verwechselt, weil alle kurz sein können, alle eine Sprecherstimme haben und alle aus derselben Website entstehen können. Was sie trennt, ist die Frage, die jeder beantwortet, und damit das, was den Bildschirm füllt.
| Film | Die Frage | Wer schaut | Was den Bildschirm füllt | Übliche Länge |
|---|---|---|---|---|
Produktdemo-Video | „Wie sieht es aus, wenn es funktioniert?“ | Jemand, der überlegt, es auszuprobieren | Das echte Produkt bei einer Aufgabe | 30 s bis einige Minuten |
Erklärvideo | „Warum geht mich das an?“ | Jemand, der die Kategorie noch nicht kennt | Problem, Idee, etwas Produkt | 30–90 s |
Tutorial | „Wie mache ich das?“ | Bestehende Nutzer mitten in einer Aufgabe | Jeder Klick, der Reihe nach | 1–10 min |
Werbevideo | „Warum jetzt handeln?“ | Jemand, der dich schon ungefähr kennt | Angebot, Preis, Frist | 15–45 s |
Ein schneller Test: Wenn du das Produkt durch ein Stockfoto ersetzen könntest und der Film trotzdem funktioniert, ist es keine Demo. Die Nachbarn haben eigene Leitfäden: was ein Erklärvideo ist, was ein Tutorial-Video ist und was ein Werbevideo ist.
Die drei Längen einer Demo und wohin jede gehört
„Demo“ steht außerdem für drei sehr unterschiedliche Längen. Entscheide dich, bevor du ein Wort schreibst, denn jede hat ihr eigenes Publikum und ihren eigenen Platz.
| Länge | Wörter (Deutsch) | Was sie abdeckt | Wohin damit |
|---|---|---|---|
30-Sekunden-Teaser | Etwa 45–55 | Eine Handlung und ihr Ergebnis | Social-Media-Feeds, eine Anzeige, der Anfang eines Launch-Posts |
Übersicht, 60–90 Sekunden | Etwa 95–115 für 60 s, mehr für 90 s | Die Aufgabe von Anfang bis Ende: Problem, zwei oder drei Handlungen, Ergebnis, eine Handlungsaufforderung | Startseite, Landingpage, Launch-Galerie, Vertriebs-E-Mail |
Langer Rundgang | Mehrere hundert | Jeder Hauptbildschirm, die Einstellungen, die Sonderfälle | Eine Demoseite, ein Vertriebs-Follow-up, ein YouTube-Kanal |
Der Sprechertext ist eine durchgehende Aufnahme, die sich die Szenen teilen, also bestimmen die Wörter die Laufzeit (mehr dazu in die Sprecherstimme ist die Länge). PageToVid macht Filme von 15 bis 180 Sekunden, das deckt Teaser und Übersicht ab. Den langen Rundgang, bei dem jemand zehn Minuten klickt und seine Entscheidungen erklärt, nimmst du besser selbst auf.
Zwei Schnitte einer echten Demo: DogeBot in 45 und 61 Sekunden
Mit DogeBot (dogebot.net) bauen Betreiber von Discord-Servern einen Bot per Drag-and-drop auf einem Canvas, ohne Code zu schreiben. Aus der Website sind zwei Filme entstanden, beide in 16:9 und beide in unserem Cloud-Browser vom Desktop-Layout gefilmt: ein sauberer Vergleich zweier Längen am selben Produkt.
Der 61-Sekunden-Schnitt hat 97 gesprochene Wörter, auf Englisch. Er beginnt mit „Still building Discord bots with complex code?“, nennt im nächsten Satz Produkt und Zielgruppe und verwendet dann die meisten Wörter auf den Canvas selbst: Blöcke ziehen, verbinden, die Logik ohne Code bauen, über 100 Blöcke, 12 Module und 100 Variablen. Dann folgen die zwei Fakten, die ein Serverbetreiber prüft, bevor er etwas Neues ausprobiert: Befehle sind beim Speichern sofort live, und der Bot wird rund um die Uhr gehostet. Am Ende steht der kostenlose Plan, ohne Kreditkarte.
Der 45-Sekunden-Schnitt hat 79 Wörter und dasselbe Gerüst: das Code-Problem, der Canvas, die Zahl der Blöcke, das Hosting, der kostenlose Plan. Die kürzere Fassung streicht Wiederholungen, keine Fakten. Ihr Einstieg nennt stattdessen die Kosten des alten Wegs („Traditional coding takes weeks“), und sie behält ein Detail, das Bot-Betreibern wichtig ist: API-Schlüssel bleiben geschützt.
Nebeneinander zeigen die beiden Filme, woraus eine Demo besteht. Das Problem bekommt einen Satz, das Produkt den ganzen Rest. Jede Zahl lässt sich auf dogebot.net nachprüfen. Das Ende ist das Angebot der Seite selbst: kostenlos loslegen. Von 61 auf 45 Sekunden zu kürzen hat 18 Wörter gekostet und keine einzige Produktszene. So wird eine Demo kürzer: Du streichst die zweite Formulierung, nie den Bildschirm, der etwas beweist.
Was ins Bild gehört, nach Wichtigkeit
Eine Demo wird an ihren Bildschirmen gemessen. In dieser Reihenfolge planen wir die Einstellungen einer Demo aus einer Seite:
- Der Arbeitsbildschirm. Der Canvas, der Editor, die Suchergebnisse, ein Dashboard mit Daten. Er gehört unter jeden Satz, der eine Handlung beschreibt.
- Der Moment der Veränderung. Ein Block landet auf dem Canvas, ein Feld wird ausgefüllt, ein Ergebnis erscheint. Unser Rekorder kann auf der Live-Seite eine echte Suchanfrage tippen oder einen echten Button klicken.
- Der Beleg auf der Seite. Eine Blockzahl, eine Bewertung. Filme den Teil der Seite, auf dem diese Zahl steht, damit sie im Bild ist, während die Stimme sie nennt.
- Die Handlungsaufforderung auf dem Button. Schließ mit dem Wortlaut des Buttons der Seite, den Button im Bild.
- Der Hero-Bereich, einmal. Eine Szene, um das Problem aufzumachen. Eine Demo, die nur den Hero zeigt, ist ein vorgelesener Slogan.
Wenn die Seite einen Moment nicht zeigen kann, etwa den Bot, der in Discord antwortet, füllt eine Motion-Graphics-Szene die Lücke; die Möglichkeiten stehen in die Szenen-Visuals.
Fehler, die wir in Demo-Renderings sehen
- Die Funktionsliste. Zwölf Funktionen in 45 Sekunden sind ein Prospekt. Nimm die eine Aufgabe, die neue Nutzer zuerst erledigen.
- Die falsche Seite. Die Startseite einfügen, obwohl eine Funktionsseite oder eine öffentliche Demo das Produkt viel besser zeigt.
- Eine Desktop-App im Handyrahmen. Bei PageToVid filmt 9:16 das mobile Layout der Website in einem Smartphone-Viewport. Braucht dein Produkt einen breiten Bildschirm, mach die Demo in 16:9.
- Drei Handlungsaufforderungen. Registrieren, Termin buchen, folgen. Eine reicht.
So machst du eine aus deiner Seite, und was sie kostet
Füge die URL auf der Seite für neue Videos ein, wähl Format und Länge und schreib die Aufgabe und jeden Pflichtsatz in das Briefing. Wir lesen die Seite, schreiben das Storyboard, filmen die Live-Website in einem echten Cloud-Browser in Retina-Auflösung, nehmen die Stimme in einem Durchgang auf und schneiden daraus die Untertitel, in etwa 10 Minuten. Jede Szene bleibt bearbeitbar; ein neues Rendering kostet ein Rendering, also 40 Credits.
Der erste Film für jede Website ist kostenlos, ohne Karte; Gratisfilme tragen ein kleines Badge und einen Abspann. Ein Film ohne Abo kostet 3,90 $; der Plan Creator für 19 $ im Monat deckt 25 Filme ab (Preise).
Für die Schritt-für-Schritt-Anleitung, mit Skript pro Szene und Aufnahmen hinter einem Login, lies SaaS-Demo-Video erstellen. Weitere Filme findest du im Anwendungsfall SaaS-Demo-Video, und PageToVid im Vergleich mit Loom zeigt, wann du besser selbst aufnimmst.
Wann deine Demo nicht von PageToVid kommen sollte
Eine persönliche Live-Demo. Will ein Interessent Antworten zu seinen eigenen Daten und Fragen, nimm sie mit Loom auf oder mach einen Videocall: Das Gespräch ist die Demo.
Ein langer Rundgang. Zehn Minuten durch jeden Bildschirm, mit jemandem, der seine Entscheidungen erklärt, sind ein Fall für einen Bildschirmrekorder: Loom, Screen Studio oder OBS.
Ein Produkt ohne Webseite. Eine native Mobile-App, ein Desktop-Programm oder ein Gerät filmst du am Gerät. Für ein physisches Produkt schlagen Handykamera und CapCut jeden Screencast.
Ein Launch-Film mit Schauspielern und Set. Das ist ein Auftrag für eine Agentur oder eine Produktionsfirma.
Verwandle deine Website in ein Video — kostenlos
Füge die Seite ein, die gefilmt werden soll. PageToVid schreibt das Skript, filmt die echte Website, vertont sie und liefert das MP4.
Häufige Fragen
Was ist ein Produktdemo-Video?
Ein kurzer Film, der dein echtes Produkt bei seiner Aufgabe auf dem Bildschirm zeigt, während eine Stimme jeden Schritt beschreibt. Er zeigt das Produkt im Einsatz, während ein Erklärvideo sagt, warum es zählt, und ein Tutorial bestehenden Nutzern eine Aufgabe beibringt.
Wie lang sollte ein Demo-Video sein?
Dreißig Sekunden für einen Teaser im Feed, 60 bis 90 Sekunden für eine Übersicht auf der Startseite und mehrere Minuten nur für einen Rundgang, den Käufer in der Vergleichsphase bewusst anschauen. Auf Deutsch trägt eine 60-Sekunden-Demo etwa 95 bis 115 Wörter.
Was ist der Unterschied zwischen Demo-Video und Erklärvideo?
Der Bildschirm. Eine Demo ist vor allem das Produkt selbst, in Aktion. Ein Erklärvideo verbringt die meiste Zeit mit Problem und Idee und zeigt das Produkt manchmal nur kurz. Viele Firmen brauchen beides: das Erklärvideo für Neulinge, die Demo für alle, die schon vergleichen.
Kann ich eine Produktdemo ohne Bildschirmaufnahme erstellen?
Ja. PageToVid filmt die Live-Seite anhand ihrer URL in einem Cloud-Browser, schreibt den Sprechertext aus der Seite und nimmt eine KI-Stimme auf, sodass du nie selbst eine Aufnahme machst. Seiten hinter einem Login brauchen eine Capture-Session, ab dem Plan Scale.