SaaS-Demo-Video erstellen, das eine Aufgabe zeigt

„SaaS-Demo“ steht für drei verschiedene Filme, und die meisten schwachen Demos sind einer davon, gedreht mit dem Briefing eines anderen.

Marketing- und Feature-Demos sind geskriptet, kurz und müssen bei jeder Produktänderung neu entstehen – genau das kann das Filmen einer URL gut. Das Sales-Follow-up ist persönlich: Das nimmst du selbst auf. Die ganze Argumentation steht in was ein Produktdemo-Video ist.

QuoteTrace hilft britischen Hausbesitzern, das ursprüngliche Angebot eines Handwerkers mit der überarbeiteten Fassung zu vergleichen. Wir haben die 45-Sekunden-Demo aus der Startseite gemacht: 82 Wörter, 16:9.

Der Film beginnt mit dem echten Hero, „Your builder wants more money. See exactly what's changed.“, samt Mock-up der Seite: ein Angebot über 18.500 £ und eine Nachforderung über 1.850 £. Danach filmt er den Bereich „How it works“ mit drei Schritten (Angebot hochladen, Nachforderung hochladen, Änderungen sehen) unter „Simply upload your original quote. Then, add the new revised builder request.“ Es folgen drei Motion-Graphics-Karten: vergleichen, Unterschiede finden, Projektkosten verfolgen. Die letzte Szene ist die stärkste: das echte Upload-Formular „Check a new charge“, gefilmt in einem Browserrahmen, unter „No account is ever needed.“

Was du daraus mitnimmst. Erstens: Das Produkt trägt die Demo. Das Upload-Formular ist die stärkste Einstellung, weil es genau das ist, was Hausbesitzer tatsächlich benutzen; leg in deiner eigenen Demo den Hauptbildschirm deines Produkts unter den Satz, der die Handlung beschreibt, nicht nur unter die Handlungsaufforderung.

Zweitens: Film das Produkt, nicht den Hero. Die Headline stellt das Problem in einer Szene vor; alles danach ist der echte Bereich „How it works“ und das echte Formular. Dieses Verhältnis, eine Szene Versprechen und der Rest Produkt, macht eine 45-Sekunden-Demo sehenswert.

Sechs Szenen, je eine Idee. Die Budgets ergeben rund 85 englische Wörter, im Rahmen für 45 Sekunden; auf Deutsch kommst du mit etwa 10 % weniger aus. Die Stimme ist ein durchgehender Take, die Budgets sind also das Timing (siehe der Sprechertext bestimmt die Länge).

Schreib diese Gliederung ins Briefing („Kontext hinzufügen“) und jeden Satz, der wörtlich fallen muss, in Anführungszeichen. Der Planer schreibt die Szenen danach und filmt die Seite passend dazu.

Ein Cloud-Browser kann sich nicht als du anmelden. Zwei Wege:

• Eine Capture-Session. Die Browser-Erweiterung PageToVid Bridge (oder die VS-Code-Erweiterung) übergibt deine angemeldete Sitzung, Cookies und Local Storage, an den Recorder, der deine App bereits eingeloggt lädt. Ab dem Plan Scale. Nimm ein Demo-Konto mit realistischen Testdaten: drei plausible Projekte, glaubwürdige Namen, keine Kundendaten im Bild.
• Eine öffentliche Demo-Seite. Wenn du schon eine Sandbox, eine interaktive Tour oder eine Feature-Seite mit großen Screenshots hast, filme diese URL. Das geht in jedem Plan, auch beim ersten Gratisfilm.

In beiden Fällen zählt das Seitenverhältnis: 16:9 für eine Desktop-App. 9:16 filmt dein mobiles Layout, und ein Dashboard, ins Smartphone gequetscht, ist unlesbar.

Die teuerste Demo ist die, die eine Seitenleiste zeigt, die du im März entfernt hast. Weil der Film aus der URL entsteht, behält das Storyboard Text und Einstellungsziele, und ein neues Rendering filmt die Seite so, wie sie heute ist: ein Rendering, 40 Credits, etwa 10 Minuten. Ist ein Button umgezogen und eine Einstellung zeigt das falsche Element, richtest du nur diese eine neu aus; der Rest bleibt.

Koppel die Demo an deine Releases: Ändert ein Release einen Bildschirm, den die Demo zeigt, renderst du neu. Teams mit wöchentlichen Releases machen das über einen Assistenten: Videos mit Claude über MCP erstellen. Für einen kurzen Film pro Release passt der Anwendungsfall Release-Notes-Video besser.

Vor dem Veröffentlichen:

• Eine Aufgabe, in Szene 1 benannt, in Szene 5 erledigt.
• Wortzahl passend zu 45 Sekunden; nichts über 60 Sekunden auf einer Startseite.
• Jede Zahl im Bild steht auf deiner Seite, als Fakt, nicht als Beispiel.
• Der Produktbildschirm ist spätestens in Szene 3 zu sehen.
• Demo-Daten, nie die eines echten Kunden.
• Eine Handlungsaufforderung, identisch mit dem Button deiner Seite.
• Einmal ohne Ton angeschaut: Die Untertitel allein erzählen die Geschichte.

Loom gewinnt, wenn dein Gesicht und deine Stimme die Botschaft sind: die persönliche Sales-Demo, die Erklärung für einen Kollegen, die Live-Antwort an einen Kunden. Der ganze Vergleich steht unter PageToVid vs. Loom, die Tarife unter Preise, der Ablauf für Demos im Anwendungsfall SaaS-Demo-Video.

• Die Feature-Tour. Acht Features in 45 Sekunden sind acht halbe Sekunden Nichts. Eine Aufgabe.
• Falsche oder geschönte Daten. Ein Beispiel, das zum Durchschnitt wird, oder ein Dashboard voller „Lorem“ und runder Zahlen. Das fällt auf.
• Die Drei-Minuten-Demo auf der Startseite. Das ist ein Vertriebstermin. Kürz sie auf eine Aufgabe oder teil sie in eine Serie.
• Mit dem Logo anfangen. Szene 1 ist das Problem des Zuschauers, der Name kommt in Szene 2.
• Nur der Hero. Ein Film, der die Headline nie verlässt, ist ein vorgelesener Slogan.