So erstellst du eine Produktdemo ohne Bildschirmaufnahme
Lass die Aufnahme einfach weg: Gib die URL deiner Seite an ein Tool, das die Live-Website selbst filmt, den Sprechertext schreibt und vertont. So entsteht eine Produktdemo ohne Bildschirmaufnahme durch dich, und deine Arbeit verschiebt sich vom Vorführen zum Entscheiden: welche Seite, in welchem Zustand, mit welchem Text, in wie vielen Szenen.
Dieser Leitfaden ist für Gründer, die diesen Monat viermal Loom geöffnet, den dritten Klick vermasselt und das Fenster wieder geschlossen haben. Wir zeigen die sechs Schritte, nach denen wir arbeiten, eine echte 43-Sekunden-Demo, die so aus tantyapp.com entstanden ist, und eine ehrliche Tabelle, wann du doch besser selbst aufnimmst.
Tanty: eine 43-Sekunden-Demo im Format 16:9, gefilmt aus tantyapp.com, 77 gesprochene Wörter. Ein Punktezähler für Domino mit bis zu 8 Spielern, Teams und eigenen Bonusarten, kostenlos, ohne Konto und ohne Werbung.
Sechs Schritte von der URL zur fertigen Demo
Kein Mikrofon, kein aufgeräumter Desktop, kein zweiter Versuch. An die Stelle der Aufnahme treten ein paar Entscheidungen, in dieser Reihenfolge.
Die Seite wählen, die das Produkt zeigt
Nicht automatisch die Startseite. Nimm die URL, auf der das Produkt sichtbar ist: eine Funktionsseite, den öffentlichen Bildschirm einer Web-App, eine interaktive Demo. Eine Seite, die nur aus einer Headline besteht, ergibt einen Film über eine Headline.
Den richtigen Zustand erreichbar machen
Der Rekorder filmt, was ein neuer Besucher sieht. Braucht der spannende Bildschirm Daten oder einen Login, veröffentliche eine öffentliche Demoseite mit Beispieldaten (jeder Plan, auch der kostenlose erste Film) oder öffne eine Capture-Session: Die Browser-Erweiterung übergibt deine angemeldete Sitzung an den Rekorder, ab dem Plan Scale.
Die Seite vor dem Bezahlen prüfen
Bot-Prüfungen und Login-Sperren werden abgelehnt, ohne dass es dich etwas kostet, und die Seitenprüfung warnt dich vorher. Wähl jetzt das Format: 16:9 und 1:1 filmen das Desktop-Layout, 9:16 filmt dein mobiles Layout in einem Smartphone-Viewport.
Die Szenenliste schreiben
Eine Idee pro Szene: das Problem, die erste Handlung, das Ergebnis, das Angebot. Die Stimme ist eine durchgehende Aufnahme, also sind deine Wörter die Laufzeit: Für 45 Sekunden brauchst du auf Deutsch etwa 10 % weniger als die 75–95 englischen Wörter (mehr in die Sprecherstimme ist die Länge). Setz jeden Satz, der wörtlich fallen muss, im Briefing in Anführungszeichen.
Rendern und stumm anschauen
Wir lesen die Seite, filmen sie in einem echten Cloud-Browser, nehmen die Stimme auf und schneiden daraus die Untertitel, in etwa 10 Minuten. Schau den Film einmal ohne Ton: Die Untertitel allein müssen die Geschichte erzählen.
Szenen korrigieren, keine Aufnahmen
Ändere einen Satz, richte eine Einstellung auf ein anderes Element, tausch ein Visual. Ein neues Rendering kostet ein Rendering, 40 Credits; nur die Untertitel neu zu takten ist einmal pro Rendering kostenlos. Wie das geht, steht in ein Video korrigieren, ohne es neu zu machen.
Für ein SaaS-Produkt findest du das Skript pro Szene und die Details zum Login in SaaS-Demo-Video erstellen; dieser Leitfaden zeigt, wie du ohne eigene Aufnahme dorthin kommst.
Was deine Aufnahme ersetzt
Es bleibt ein Screencast im engen Sinn von was ein Screencast ist: echte Bilder eines echten Bildschirms. Der Unterschied ist, wer steuert. Ein Cloud-Browser öffnet deine Seite, wartet, bis sie fertig geladen ist, und nimmt sie in Retina-Auflösung auf, bevor er in 1080p exportiert; kleine Schrift bleibt dadurch scharf. Scrollbewegungen sind geplant statt von Hand gezogen, der Cursor bewegt sich gezielt oder gar nicht. Wo die Seite einen Moment nicht zeigen kann, springt eine Motion-Graphics-Szene ein.
Was du verlierst, ist Improvisation: Der Rekorder bemerkt kein kaputtes Hilfefenster, um es mündlich zu überspielen, wie du es tun würdest. Den ausführlichen Vergleich findest du unter automatische oder manuelle Screencasts.
Eine echte Demo, so entstanden: Tanty, 43 Sekunden
Tanty (tantyapp.com) ist ein kostenloser Punktezähler für Domino. Wir haben die 43-Sekunden-Demo aus der Website gemacht, in 16:9, mit 77 englischen Wörtern und ohne dass jemand an der Tastatur saß.
Der Aufbau folgt den Schritten oben. Der erste Satz nennt die Aufgabe, „Still tracking domino scores by hand?“, der zweite den Ärger: Rechenfehler und verlorene Spielverläufe. Dann arbeitet das Produkt, eine Idee pro Satz: bis zu 8 Spieler, einzeln oder in Teams; Punkte eintragen, Tanty rechnet zusammen; eigene Bonusarten mit eigenen Symbolen; Statistiken und Ranglisten. Am Ende steht das Angebot der Seite selbst: herunterladen, kostenlos, ohne Konto, ohne Werbung.
Warum das ohne Aufnahme funktioniert: Jede Aussage im Sprechertext steht als Fakt auf tantyapp.com, also kann der Film die Zeile zeigen, die er ausspricht. Nichts hängt davon ab, dass vor der Kamera eine echte Partie gespielt wird. Und kommt nächsten Monat eine Funktion dazu, ändert sich die Demo um eine bearbeitete Szene und ein neues Rendering.
Selbst aufgenommen oder aus der URL gefilmt
Keiner der beiden Wege gewinnt überall. So sieht die ehrliche Aufteilung aus.
| Du nimmst auf (Loom, Screen Studio) | Aus der URL gefilmt (PageToVid) | |
|---|---|---|
Wer vorführt | Du: Klicks, Cursor, Stimme | Ein Cloud-Browser und eine KI-Stimme |
Ein Fehler kostet | Die ganze Aufnahme neu oder einen Schnitt | Eine bearbeitete Szene, dann ein neues Rendering |
Cursor und Scrollen | So ruhig wie deine Hand | Geplante Bewegungen, kein Zittern |
Skript | Improvisiert oder abgelesen | Aus der Seite geschrieben, eine Idee pro Szene |
Nach einer UI-Änderung | Neu aufnehmen | Neu rendern, 40 Credits |
Andere Sprachen | Neu aufnehmen, wenn du sie sprichst | Bis zu 6 Sprachen pro Übersetzungsauftrag |
Dein Gesicht und deine Stimme | Ja, die große Stärke | Nein (optionaler KI-Präsentator in bezahlten Plänen) |
Native Mobile- oder Desktop-App | Ja | Nein: Es filmt Webseiten |
Langer Rundgang | Ja, beliebig lang | 15–180 Sekunden |
Pläne und den Preis für einen Einzelfilm (3,90 $, ohne Abo) findest du unter Preise; den ausführlichen Vergleich unter PageToVid im Vergleich mit Loom.
Fehler, wenn du nicht mehr selbst aufnimmst
- Den leeren Zustand filmen. Ein Dashboard ohne Daten ist eine Demo von nichts. Befüll vorher ein Demokonto oder veröffentliche eine Beispielseite.
- Erwarten, dass sich der Rekorder einloggt. Ein Cloud-Browser kennt dein Passwort nicht. Capture-Session oder öffentliche Seite.
- Eine Funktionsliste statt Szenen schreiben. Ohne Aufnahme, die dich bremst, liegt es nahe, alles aufzuzählen. Eine Idee pro Szene.
- Für ein Wort neu aufnehmen. Es gibt nichts neu aufzunehmen: Bearbeite die Szene.
- 9:16 für eine Desktop-App. Es filmt dein mobiles Layout; lebt das Produkt nur auf breiten Bildschirmen, bleib bei 16:9.
Weitere Demo-Filme und den passenden Ablauf findest du im Anwendungsfall SaaS-Demo-Video.
Wann du besser selbst aufnimmst
Wenn es um dich geht. Ein Vertriebs-Follow-up für einen einzigen Interessenten, der Rundgang mit dem Gründer, die Antwort auf die Frage eines Kunden: Nimm das in Loom auf, mit Gesicht.
Eine native App. Eine iOS-, Android- oder Desktop-App ist keine Webseite; nimm sie auf dem Gerät auf oder mit Screen Studio auf dem Mac.
Eine lange Schulung. Zwanzig Minuten mit Kapiteln sind ein Fall für Bildschirmrekorder und Schnittprogramm, etwa Camtasia.
Hardware oder ein physisches Produkt. Film es mit Kamera oder Handy; kein Screencast ersetzt Hände am Gegenstand.
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
Kann ich eine Produktdemo ohne Bildschirmaufnahme machen?
Ja. Gib PageToVid die URL der Seite, die dein Produkt zeigt: Ein Cloud-Browser filmt die Live-Seite, eine KI-Stimme liest ein daraus geschriebenes Skript, und die Untertitel entstehen aus dieser Stimme. Du nimmst nie selbst etwas auf.
Wie wird eine Seite hinter einem Login gefilmt?
Mit einer Capture-Session: Die Browser-Erweiterung übergibt deine angemeldete Sitzung an den Rekorder, der deine App dann bereits eingeloggt lädt. Das gibt es ab dem Plan Scale. Alternativ veröffentlichst du eine öffentliche Demoseite mit Beispieldaten.
Was passiert, wenn eine Szene nicht stimmt?
Du bearbeitest diese Szene, ihren Text, ihre Einstellung oder ihr Visual, und renderst neu, was ein Rendering kostet. Die Untertitel lassen sich allein neu takten, einmal pro Rendering kostenlos. Neu aufgenommen wird nichts.
Ist eine aus der URL gefilmte Demo so scharf wie meine eigene Aufnahme?
Meist schärfer. Die Seite wird im Cloud-Browser in Retina-Auflösung aufgenommen und in 1080p exportiert, sodass kleine Schrift in der Oberfläche lesbar bleibt, und kein Cursor zittert.