Demo-Videos für App-Entwickler, direkt aus deiner URL

Wir filmen Webseiten in einem echten Cloud-Browser. Die erste Frage ist also nicht das Format, sondern was eine URL hat.

Für eine Web-App hinter einem Login nimmst du in jedem Plan eine öffentliche Demo-Route mit Beispieldaten, oder ab dem Plan Scale eine Capture-Session: Die Browser-Erweiterung übergibt deine angemeldete Sitzung an den Rekorder.

Jam3a ist eine Browser-App für Spieleabende mit Freunden: Du eröffnest einen privaten Raum, deine Freunde kommen dazu, installiert wird nichts. Wir haben die 50-Sekunden-Demo in 9:16 gemacht, 1080×1920, mit 92 englischen Wörtern. Weil sie hochkant ist, wurde sie im mobilen Layout der Website in einem Smartphone-Viewport gefilmt, also so, wie man sie auf dem Handy sieht.

Der Sprechertext beginnt beim Abend, nicht beim Produkt: „Tired of complicated game setups for game night?“ Er nennt die Hürden, die jeder Gastgeber kennt (Downloads, Logins), und zeigt dann den Ablauf in der Reihenfolge, in der ihn der Gastgeber erlebt: privaten Raum in Sekunden anlegen, zwei bis zwölf Spieler einladen, ein Spiel mit kurzen Runden wählen. Am Ende steht die Aktion der Seite, „Create your private room now“, und noch einmal das Versprechen, das einer Gruppe am wichtigsten ist: kein Download, keine Registrierung.

Warum das eine gute Entwickler-Demo ist: Jeder Satz ist ein Schritt oder eine Eigenschaft der echten App, und die stärksten Fakten, die Spielerzahl und dass nichts installiert werden muss, lassen sich auf der Seite nachprüfen. Genau das ist die Aufgabe einer App-Demo: die Frage „Was passiert, wenn ich sie öffne?“ beantworten, bevor jemand sie stellen muss.

Ein Film aus deiner Website wirkt am besten auf Flächen, die du selbst kontrollierst. Die App-Stores sind die Ausnahme: Sie verlangen Aufnahmen der App selbst.

Für eine native App taugt ein Film deiner Landingpage also nicht als Store-Vorschau: Apple akzeptiert nur Inhalte aus der App selbst, und Google Play will, dass der Großteil des Videos das echte App-Erlebnis zeigt (siehe Quellen). Auf der Landingpage, die Leute in den Store schickt, erfüllt er trotzdem seinen Zweck. Für eine Web-App ohne Store-Eintrag ist er die Demo. Wie ein guter Hochkant-Schnitt gelingt, steht in Hochkant-Videos für TikTok und Reels erstellen.

Entwickler wollen selten noch ein Dashboard. Zwei Wege, dort zu bleiben, wo du arbeitest:

Ein Tipp aus unseren eigenen Renderings: Richte den Film auf eine stabile öffentliche Route, nicht auf ein Preview-Deployment, das nach dem Merge verschwindet.

• Ein Desktop-Dashboard in 9:16. Hochkant filmt dein mobiles Layout. Ist es lieblos umgesetzt, verbessere es oder mach die Demo in 16:9.
• Eine leere App. Ein frisches Konto ohne Räume, Projekte oder Daten ist die Demo eines leeren Bildschirms. Befüll es.
• Die Landingpage filmen und es Gameplay nennen. Im Store verstößt das gegen die Regeln oben; auf deiner Website sag „das kann die App“, nicht „schau mir beim Spielen zu“.
• Alle Funktionen auf einmal. Ein Ablauf: öffnen, die Hauptsache erledigen, das Ergebnis sehen.

Weitere Hochkant-Filme und den passenden Ablauf findest du im Anwendungsfall TikTok-Videos; für ein Desktop-Tool passt der Anwendungsfall SaaS-Demo-Video besser.

Dein erster Film für jede Website ist kostenlos, ohne Karte; Gratisfilme tragen ein kleines Badge und einen Abspann. Ein Film ohne Abo und ohne Badge kostet 3,90 $. Der Plan Creator für 19 $ im Monat deckt 25 Filme ab, genug für eine 16:9- und eine 9:16-Fassung jedes Releases. Ein neues Rendering nach einer UI-Änderung kostet ein Rendering. KI-generierte Clips für Einstellungen, die deine Website nicht zeigen kann, gibt es nur in bezahlten Plänen, für 311 Credits pro 8-Sekunden-Clip. Details findest du unter Preise, und wenn du mit Avatar- oder Stockfootage-Tools vergleichst, sagen die Vergleichsseiten ehrlich, wo welches Tool gewinnt.