# Produktdemo-Video: dein Produkt in unter einer Minute zeigen [Canonical HTML page](https://gradiently.design/de/guide/product-demo-video) 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. ## The short version - 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. 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. | Sekunden | Beat | Was zu sehen ist | | --- | --- | --- | | 0 bis 5 | Das Ergebnis | Das fertige Ding: der volle Kalender, die verschickte Rechnung, die veröffentlichte Seite | | 5 bis 12 | Das Problem | Das chaotische Vorher in einer Einstellung, mit einem Satz Sprecher oder Untertitel | | 12 bis 45 | Drei oder vier Schritte | Nur die Klicks, die die Aufgabe voranbringen, Pausen herausgeschnitten | | 45 bis 55 | Zurück zum Ergebnis | Noch einmal das Ergebnis, jetzt, wo Zuschauer wissen, wie es entstand | | 55 bis 60 | Ein nächster Schritt | Eine 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. **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. **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. **Ein Schritt pro Take** Kurze Takes lassen sich leicht wiederholen und kürzen. Bewege den Mauszeiger langsam und warte nach jedem Klick kurz. 4. **Stimme möglichst getrennt aufnehmen** Das Skript über fertiges Material zu sprechen ergibt ein ruhigeres Timing, als beim Klicken zu reden. 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](https://gradiently.design/de/guide/screen-recording-tips) 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](https://gradiently.design/de/guide/video-captions-design) 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. Eine Titelkarte im Format 16:9 für eine Produktdemo mit dem Text Abgesagten Tisch in 2 Minuten besetzen auf einem Verlauf im Branding Die Titelkarte benennt das Ergebnis, nicht die Funktion. Auf der Landingpage dient sie zugleich als Vorschaubild des Videos. Eine Abschlusskarte im Format 16:9 mit dem Text Probier es mit deinen Reservierungen und der Produktadresse darunter, im selben Verlauf 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](https://gradiently.design/de/guide/video-background-website) erklärt Dateigrößen und Formate, und [Landingpage-Design](https://gradiently.design/de/guide/landing-page-design) zeigt, wohin eine Demo auf der Seite gehört. Für die Posts, die sie ankündigen, siehe [Grafiken zum Produktlaunch](https://gradiently.design/de/guide/launch-day-graphics). ## 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. ## FAQ ### 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.