Markt
Preise
AnmeldenLoslegen
LeitfadenBewegung
Bewegung

Produktdemo-Video: dein Produkt in unter einer Minute zeigen

Die besten Demos führen nicht durch jede Funktion. Sie zeigen, wie eine Person eine Aufgabe schnell erledigt. Hier sind ein Aufbau für sechzig Sekunden, ein anpassbares Skript und die Details, die eine Demo fertig aussehen lassen.

GradientlyVerifiziertes Gradiently-Konto·1. Oktober 2026·5 Min. Lesezeit
Cover: Soft Silence · GR·5X50·8W

Die Kurzfassung

  • Ein Produktdemo-Video wirkt am besten, wenn es eine echte Aufgabe vom Problem bis zum Ergebnis zeigt, statt durch jede Funktion zu führen.
  • Für eine Demo auf einer Landingpage oder im Social Feed reicht weniger als eine Minute; längere Rundgänge gehören in Hilfeartikel.
  • Zeige das Ergebnis in den ersten Sekunden, damit Zuschauer wissen, was sie bekommen, bevor du zeigst, wie es geht.
  • Untertitel sind Pflicht, weil Produktdemos auf Landingpages und in Feeds oft ohne Ton laufen.
  • Schneide für Social Video eine eigene Hochformat-Version, statt die Breitbildfassung zuzuschneiden.
Auf dieser Seite
Eine Aufgabe statt aller FunktionenAufbau eines Produktdemo-Videos für 60 SekundenEin Demo-Skript, das zum Bildschirm passtEine saubere Demo aufnehmenUntertitel, Titelkarte und AbschlusskarteEine Demo, jede PlatzierungDie Demo in Gradiently erstellen

Ein gutes Produktdemo-Video zeigt eine Person, die mit deinem Produkt eine echte Aufgabe erledigt, vom Problem bis zum fertigen Ergebnis, in unter einer Minute. Beginne mit dem Ergebnis, zeige die drei oder vier Schritte dorthin und schließe mit einer einzigen nächsten Aktion. Nutze einen aufgeräumten Bildschirm, gut lesbaren Text, Untertitel für alle, die ohne Ton schauen, und eine kurze Titel- und Abschlusskarte im eigenen Branding. Widerstehe der Funktionstour: In Erinnerung bleibt ein Ergebnis, kein Menü.

Eine Aufgabe statt aller Funktionen

Bevor du ein Aufnahmetool öffnest, schreibe einen Satz: „Eine [Person] nutzt [Produkt], um in [kurzer Zeit] [Ergebnis] zu erreichen.“ Zum Beispiel: Eine Café-Besitzerin nutzt eine Reservierungs-App, um einen abgesagten Tisch in zwei Minuten neu zu besetzen. Dieser Satz ist das ganze Video. Alles, was ihm nicht dient, gehört in ein anderes Video.

Funktionstour

  • Beginnt auf dem Login-Bildschirm
  • Besucht jeden Tab der Reihe nach
  • Erklärt Einstellungen, nach denen niemand gefragt hat
  • Endet mit „und vieles mehr“
  • Drei Minuten und mehr

Aufgabendemo

  • Beginnt mit dem fertigen Ergebnis
  • Folgt einer echten Aufgabe von Anfang bis Ende
  • Zeigt nur die Klicks, auf die es ankommt
  • Endet mit einem klaren nächsten Schritt
  • Vierzig bis sechzig Sekunden

Aufbau eines Produktdemo-Videos für 60 Sekunden

Dieser Aufbau passt zu einer Landingpage, einem Launch-Post oder einer Vertriebs-E-Mail. Die Zeiten sind ein Richtwert; entscheidend ist die Reihenfolge.

0 bis 5Das Ergebnis

Was zu sehen ist

Das fertige Ding: der volle Kalender, die verschickte Rechnung, die veröffentlichte Seite
5 bis 12Das Problem

Was zu sehen ist

Das chaotische Vorher in einer Einstellung, mit einem Satz Sprecher oder Untertitel
12 bis 45

Beat

Drei oder vier Schritte

Was zu sehen ist

Nur die Klicks, die die Aufgabe voranbringen, Pausen herausgeschnitten
45 bis 55

Beat

Zurück zum Ergebnis

Was zu sehen ist

Noch einmal das Ergebnis, jetzt, wo Zuschauer wissen, wie es entstand
55 bis 60

Beat

Ein nächster Schritt

Was zu sehen ist

Eine Abschlusskarte mit einer einzigen Aktion und deiner Adresse
SekundenBeatWas zu sehen ist
0 bis 5Das ErgebnisDas fertige Ding: der volle Kalender, die verschickte Rechnung, die veröffentlichte Seite
5 bis 12Das ProblemDas chaotische Vorher in einer Einstellung, mit einem Satz Sprecher oder Untertitel
12 bis 45Drei oder vier SchritteNur die Klicks, die die Aufgabe voranbringen, Pausen herausgeschnitten
45 bis 55Zurück zum ErgebnisNoch einmal das Ergebnis, jetzt, wo Zuschauer wissen, wie es entstand
55 bis 60Ein nächster SchrittEine Abschlusskarte mit einer einzigen Aktion und deiner Adresse
Ergebnis, Problem, Schritte, Ergebnis, Aktion. Wer das Ergebnis zuerst sieht, hat einen Grund, die Schritte anzuschauen.

Ein Demo-Skript, das zum Bildschirm passt

Schreibe das Skript in zwei Spalten: was gesagt wird und was zu sehen ist. Jeder gesprochene Satz sollte etwas beschreiben, das in diesem Moment sichtbar ist. Hörst du dich etwas erklären, das nicht auf dem Bildschirm ist, streiche den Satz oder ändere die Einstellung.

text
GESPROCHEN                             GEZEIGT
Freitag, 7pm. Ein Sechsertisch sagt ab. Kalender mit roter Lücke um 7:30
Früher hieß das: ein leerer Tisch.     Dieselbe Lücke, Foto eines ruhigen Gastraums
Öffne die Warteliste.                  Auf Warteliste klicken
Wähle die Lücke. Tippe auf Angebot.    7:30 auswählen, Angebot an Warteliste senden
Der erste Gast, der zusagt, bekommt ihn. Benachrichtigung am Handy, auf Annehmen tippen
Tisch wieder voll. Zwei Minuten.      Kalender, Lücke gefüllt, Timer 1:52
Probier es mit deinen Buchungen aus.  Schlusskarte: tablefull.app
Ein zweispaltiges Skript für eine 45-Sekunden-Demo. Jede Zeile ist kurz genug, um sie zu sprechen, während die Aktion läuft.

Lies es vor der Aufnahme mit Stoppuhr laut vor. Wird es zu lang, streiche ganze Schritte, statt schneller zu sprechen.

Eine saubere Demo aufnehmen

  1. 1

    Realistische Demodaten anlegen

    Fülle das Produkt mit glaubwürdigen Namen, Zahlen und Bildern. Leere Zustände und „Test test 123“ lassen ein Produkt ungenutzt wirken.

  2. 2

    Bildschirm aufräumen und vergrößern

    Blende Lesezeichen und Benachrichtigungen aus, schließe andere Tabs und zoome die Oberfläche auf 125 % oder mehr, damit Text auch auf einem Handybildschirm lesbar bleibt.

  3. 3

    Ein Schritt pro Take

    Kurze Takes lassen sich leicht wiederholen und kürzen. Bewege den Mauszeiger langsam und warte nach jedem Klick kurz.

  4. 4

    Stimme möglichst getrennt aufnehmen

    Das Skript über fertiges Material zu sprechen ergibt ein ruhigeres Timing, als beim Klicken zu reden.

  5. 5

    Dort heranzoomen, wo es zählt

    Schneide auf den Button oder das Feld zu, das gerade benutzt wird, damit Zuschauer nicht den ganzen Desktop absuchen.

Bildschirmaufnahme erklärt Berechtigungen, Ton und was du teilen solltest im Detail.

Untertitel, Titelkarte und Abschlusskarte

Demos auf Landingpages starten meist stumm, und auch Feeds beginnen ohne Ton, also tragen die Untertitel die Geschichte. Halte jeden Untertitel bei einer kurzen Zeile, die zur Stimme passt, und platziere ihn so, dass er den gezeigten Teil der Oberfläche nicht verdeckt. Video-Untertitel gestalten erklärt Stil und Platzierung.

Rahme die Demo mit zwei gestalteten Frames in deinem Branding ein: einer Titelkarte, die das Ergebnis benennt, und einer Abschlusskarte mit einer Aktion. Sie machen aus einer Bildschirmaufnahme ein Produktvideo statt eines Mitschnitts, und sie sind das Vorschaubild, das man sieht, bevor man auf Play drückt.

Tablefull Demo
Abgesagten Tisch in 2 Minuten besetzen.
Gradiently · @gradiently

Die Titelkarte benennt das Ergebnis, nicht die Funktion. Auf der Landingpage dient sie zugleich als Vorschaubild des Videos.

Tablefull
Probier es mit deinen Reservierungen.
tablefull.app
Gradiently · @gradiently

Die Abschlusskarte bittet um genau eine Sache. Zwei Buttons und ein Social Handle teilen die Aufmerksamkeit dreifach.

Eine Demo, jede Platzierung

Eine Demo muss meist an mehreren Orten funktionieren: auf der Landingpage, in einem Launch-Post, in einer Vertriebs-E-Mail und als kurzes Social Video. Schneide zuerst die Breitbildfassung und baue dann eine Hochformat-Version für Social, mit der Bildschirmaufnahme mittig auf deinem Hintergrund, einer Headline darüber und Untertiteln darunter. Wer eine Breitbild-Demo ins Hochformat zuschneidet, schneidet die halbe Oberfläche ab.

Landingpage 1920×1080

1920 × 1080

Feed 1080×1350

1080 × 1350

Reels und Shorts 1080×1920

1080 × 1920

LinkedIn 1200×1200

1200 × 1200

Vier Orte für dieselbe Demo. Die Breitbildaufnahme sitzt in jedem Format auf deinem Hintergrund, statt beschnitten zu werden.

Auf einer Website komprimierst du die Datei, gibst dem Video ein Vorschaubild und lässt Besucher es selbst starten, wenn es Ton hat. Videohintergrund auf der Website erklärt Dateigrößen und Formate, und Landingpage-Design zeigt, wohin eine Demo auf der Seite gehört. Für die Posts, die sie ankündigen, siehe Grafiken zum Produktlaunch.

Die Demo in Gradiently erstellen

Mit Pro nimmst du Bildschirm und Stimme im Browser auf, sichtest die Clips, kürzt sie dann auf der Timeline von Gradiently, fügst Untertitel und Musik hinzu und gestaltest Titel- und Abschlusskarte auf demselben Mark, damit jeder Frame zusammenpasst. Hochformat- und quadratische Version entstehen in einem Schritt aus demselben Design, und der Designer kann Untertitelzeilen und Post-Texte in der Tonalität deines Markenkits entwerfen.

Gestalte mit einem lebendigen Farbverlauf

Posts, Stories, Folien und Banner in jedem Format, mit Text, der immer lesbar bleibt.

Kostenlos loslegen

Häufige Fragen

Wie lang sollte ein Produktdemo-Video sein?

Unter einer Minute für Landingpages und Social Video. Längere Rundgänge von zwei bis fünf Minuten passen in Hilfecenter und Verkaufsgespräche, wo Zuschauer das Produkt ohnehin kennenlernen wollen.

Was gehört in ein Produktdemo-Video?

Das Ergebnis vorneweg, das Problem in einer Einstellung, drei oder vier Schritte einer echten Aufgabe, noch einmal das Ergebnis und eine einzige nächste Aktion, durchgehend mit Untertiteln.

Braucht ein Demo-Video einen Sprecher?

Es hilft, aber schreibe trotzdem Untertitel, weil Demos auf Landingpages und in Feeds meist stumm laufen. Das Video sollte auch ohne Ton verständlich sein.

Welche Größe sollte ein Produktdemo-Video haben?

1920×1080 für Websites und YouTube, dazu eine Hochformat-Version in 1080×1920 und eine Feed-Version in 1080×1350, bei denen die Aufnahme auf einem Hintergrund im Branding sitzt.

Diesen Artikel teilen

Geschrieben von GradientlyVerifiziertes Gradiently-Konto

Das Team hinter Gradiently, einem Designtool rund um Marks: lebendige Farbverläufe, durch die alles, was du gestaltest, nach dir aussieht.

Unser Profil ansehen

Auf dieser Seite

Eine Aufgabe statt aller FunktionenAufbau eines Produktdemo-Videos für 60 SekundenEin Demo-Skript, das zum Bildschirm passtEine saubere Demo aufnehmenUntertitel, Titelkarte und AbschlusskarteEine Demo, jede PlatzierungDie Demo in Gradiently erstellen

Diesen Artikel teilen

Als Nächstes in Bewegung

Videoschnitt für Einsteiger: Timeline-Grundlagen einfach erklärt

Weiterlesen

Alle Artikel zu Bewegung
Bewegung

Bildschirmaufnahme für Tutorials und Demos: ein sauberer Ablauf

6 Min. Lesezeit

Die meisten Tutorials sind aus Gründen schwer anzusehen, die nichts mit der Software zu tun haben: Unordnung, winziger Text, Abschweifen und schlechter Ton. Hier ist ein Ablauf, der alle vier behebt.

Bewegung

Untertitel im Video: Stile, die lesbar sind und zur Marke passen

6 Min. Lesezeit

Viele Social Videos laufen ohne Ton, und damit sind die Untertitel das Drehbuch. So setzt du sie, damit sie auf einen Blick lesbar sind und trotzdem nach dir aussehen.

Social Media

Grafiken für den Produktlaunch: die Checkliste für den Launch-Tag

5 Min. Lesezeit

Launches gehen an den kleinen Stellen schief: ein alter Header, eine fehlende Linkvorschau, eine Story, die niemand angepasst hat. Hier ist jedes Asset, seine Größe und wann es live geht.

Finde den Look, der nur dir gehört.

Jeder Mark ist ein lebendiger Hintergrund mit einem Besitzer. Probiere einen noch freien Mark und sichere dir deinen, wenn es sich richtig anfühlt.

Jetzt gestalten

Zertifikat prüfen

Gib eine Zertifikatsnummer oder den Code eines Marks ein, um zu sehen, wem er gehört.

Funktioniert mit ChatGPT und Claude

Bitte deine KI um ein Design. Sie macht es in deinem Mark, bereit zum Bearbeiten.

ChatGPTClaude
So verbindest du sie

Produkt

  • Markt
  • Erkunden
  • Preise
  • Zertifikate

Lernen

  • Leitfaden
  • Hilfe-Center
  • Neuigkeiten

Entwickler

  • Überblick
  • ChatGPT und Claude
  • API-Referenz
  • API-Schlüssel

Unternehmen

  • Über uns
  • Kontakt
  • Anmelden

Rechtliches

  • Nutzungsbedingungen
  • Datenschutz
  • Erstattungen
  • Mark-Schutz
  • Cookies
  • Alle Richtlinien
Fahr über die Buchstaben. Jeder trägt einen echten Mark.Tippe auf einen Buchstaben, um seinen Mark zu sehen.Ein Name. Zehn Marks darin.
© 2026 Gradiently