Auf dieser Seite
Ein KI-App-Builder verkauft einen Moment: Jemand tippt, was er will, und ein funktionierendes Produkt erscheint. Dieser Moment lässt sich schwer in einem Screenshot festhalten und geht in einer langen Bildschirmaufnahme leicht unter. Ein kurzes Demo-Video kann ihn in unter dreißig Sekunden zeigen, wenn es in der richtigen Reihenfolge geschnitten ist.
Dieser Ratgeber ist für Teams, die einen KI-App-Builder, einen Website-Builder, eine No-Code-Plattform oder ein anderes Tool launchen, dessen Produkt „beschreib es und bekomm es“ ist. Er zeigt, was du zeigen solltest, eine Struktur zum Übernehmen, wie du den Prompt schreibst, der im Bild erscheint, und wie du einen Schnitt für jeden Kanal exportierst.
Warum die Reihenfolge zählt
Die meisten Builder-Demos starten im leeren Editor. Das wirkt logisch, weil Nutzer dort anfangen, aber die Zuschauer haben noch keinen Grund, sich dafür zu interessieren. Eine leere Arbeitsfläche sieht in jedem Tool gleich aus.
Starte stattdessen mit dem Ergebnis. Eine Wand aus fertigen Seiten, Apps oder Vorlagen beantwortet „Was kann ich damit bauen?“, bevor die Zuschauer überhaupt fragen. Sobald sie eins dieser Ergebnisse haben wollen, wird der Prompt dahinter zum spannenden Teil.
Eine 30-Sekunden-Struktur
| Zeit | Szene | Was sie zeigt |
|---|---|---|
| 0 bis 3 s | Einstieg | Dein Name, umgeben von deinen Screens |
| 3 bis 6 s | Ergebnisse | Eine Wand aus fertigen Screens, dann einer in Nahaufnahme mit zwei kurzen Zeilen dazu, was er kann |
| 6 bis 11 s | Ein Ergebnis, geöffnet | Ein Klick öffnet einen Screen im Browser und die Seite scrollt |
| 11 bis 14 s | Vielfalt | Drei weitere Ergebnisse, jedes mit Namen |
| 14 bis 20 s | Der Prompt | Eine kurze Anfrage, die in ein Prompt-Feld getippt wird |
| 20 bis 24 s | Dein Produkt bei der Arbeit | Der Prompt in deiner Oberfläche, während sich die Vorschau verändert |
| 24 bis 30 s | Abschluss | Eine Schlusszeile, dann dein Call-to-Action und deine Adresse |
Für einen 20-Sekunden-Schnitt behältst du den Einstieg, die Ergebnisse, das geöffnete Ergebnis, den Prompt, dein Produktfenster und den Call-to-Action.
Schreib den Prompt so, wie ein Nutzer es tun würde
Der Prompt ist die eine Zeile, die jeder Zuschauer genau liest, also muss er echt klingen.
- Konkret schlägt großspurig. „Mach daraus einen Shop für handgemachte Keramik und wechsel zu einer warmen Farbpalette“ ist glaubwürdig. „Bau mir irgendwas“ nicht.
- Unter 90 Zeichen. Man muss ihn lesen können, während er getippt wird. Ein oder zwei Zeilen im Feld.
- Passend zum nächsten Screen. Wenn der Prompt nach einem Shop fragt, sollte die Vorschau einen Shop zeigen.
- Keine erfundenen Ergebnisse. Zeig, was dein Tool wirklich gebaut hat. Wenn du das Ergebnis von Hand nachgebessert hast, sag es oder nimm ein anderes Beispiel.
Eine kurze getippte Zeile vor dem Prompt-Feld funktioniert gut als Übergang, zum Beispiel „Mach es zu deinem“, getippt und wieder gelöscht.
Welche Screens du zeigst
Du brauchst zwei Arten von Screenshots:
- Ergebnisse. Seiten, Apps oder Vorlagen, die mit deinem Tool gebaut wurden. Sechs bis zwölf ergeben eine Wand, und ein langer Screenshot einer ganzen Seite scrollt gut in einem Browserfenster.
- Dein Produktfenster. Die Oberfläche, in die der Prompt kommt, plus zwei oder drei Zustände der Vorschau, zwischen denen gewechselt wird.
Nimm Screens, die du zeigen darfst: deine eigenen Vorlagen und Starterprojekte oder Arbeiten, deren Veröffentlichung deine Nutzer zugestimmt haben.
Formate für jeden Kanal
Mach einen Schnitt und exportier daraus jedes Format:
| Kanal | Format | Länge |
|---|---|---|
| Product-Hunt-Galerie und deine Startseite | 16:9 | 20 bis 30 s |
| X und LinkedIn | 16:9 oder 1:1 | 20 bis 30 s |
| Reels, TikTok und Shorts | 9:16 | etwa 20 s |
Die Grenzen jeder Plattform findest du unter Länge von Launch-Videos je Plattform.
Erstell es mit Blue Hour in Filmagic
Blue Hour ist auf genau diese Struktur ausgelegt. Es läuft auf einem tiefen Hintergrund, der von unten in deiner Markenfarbe beleuchtet ist, und jede Szene wird mit Inhalten aus deinem Produkt gefüllt:
- Füg deine URL in Filmagic ein. Es liest deinen Namen, deine Texte, Farben und Schriften aus.
- Füg deine Ergebnis-Screenshots und dein Produktfenster hinzu.
- Wähl Blue Hour. Es baut den Einstieg, die Wand aus Ergebnissen, den Browser, die benannten Screens, den getippten Prompt, dein Produktfenster und den Call-to-Action.
- Bearbeite jede Zeile im Seitenpanel: die zwei Stärken, die Namen der Screens, den Prompt und seinen Button sowie den Call-to-Action.
- Exportier 16:9, 9:16 oder 1:1, mit 20 oder 30 Sekunden.
Nichts ist erfunden: Jeder Screen ist einer, den du hinzugefügt hast oder den Filmagic von deiner Website übernommen hat, und jede Zeile kannst du ändern.
Häufige Fragen
Wie lang sollte ein Demo-Video für einen KI-App-Builder sein?
20 bis 30 Sekunden für einen Launch, auf Product Hunt, X und deiner Startseite. Ein längerer Walkthrough gehört in deine Doku oder auf YouTube, wenn die Leute schon interessiert sind.
Soll ich zuerst den Prompt oder das Ergebnis zeigen?
Das Ergebnis. Eine fertige Seite zeigt den Zuschauern, was möglich ist, und der Prompt erklärt dann, wie sie dorthin kommen.
Brauche ich ein Voiceover?
Nein. Die meisten schauen Launch-Videos ohne Ton im Feed, also tragen der getippte Prompt und kurze Zeilen im Bild die Geschichte. Für deine Startseite kannst du gern ein Voiceover ergänzen.
Mein Tool hat kein Prompt-Feld. Funktioniert das trotzdem?
Ja. Ersetz den Prompt durch die Aktion, die deine Nutzer ausführen, zum Beispiel eine Vorlage auswählen, eine Quelle verbinden oder suchen. Die Reihenfolge bleibt gleich: Ergebnis, Aktion, dein Produkt bei der Arbeit, Call-to-Action.
