Zum Inhalt springen
Leitfaden6 Min. Lesezeit

Bolt Landingpage Video

Zeigen Sie die App, bevor jemand dem Text darum herum vertrauen muss.

Verwandeln Sie eine von Bolt generierte App in einen Above-the-fold-Beweis für ihre eigene Landingpage, sobald die App eine stabile Adresse hat.

Ansehen, wie es funktioniertDie ersten 60 Sekunden Video sind kostenlos, mit Wasserzeichen. Bestätigen Sie Ihre E-Mail-Adresse, um es herunterzuladen.

Das Video auf der eigenen Landingpage einer Bolt App hat eine engere Aufgabe, als die meisten Menschen ihm zutrauen. Es ist nicht da, um das Produkt zu erklären. Das erledigen die Überschrift und die Unterzeile bereits. Die Aufgabe des Videos ist es, die Überschrift in der Zeit glaubwürdig zu machen, die ein Besucher braucht, um sie zu überfliegen, bevor er entscheidet, ob er weiterliest. Das bedeutet, das Video muss die App selbst zeigen, wie sie genau das tut, was die Seite behauptet, ohne den Besucher warten zu lassen oder etwas erschließen zu müssen.

Bolts eigener Build-Prozess prägt, was "die App zeigen" hier überhaupt bedeutet. Ein in Bolt gebautes Projekt läuft zunächst in einer sandboxed In-Browser-Sitzung, der Art von Umgebung, die es dem generierten Code erlaubt, ohne separaten Server auszuführen, und diese Sitzung ist nicht automatisch eine stabile öffentliche Adresse. Zu einer URL zu gelangen, die eine Kamera wert ist, bedeutet meist den expliziten Schritt, das Projekt zu deployen, meist an ein Hosting-Ziel, das nach Abschluss des Deploys eine öffentliche Adresse zurückgibt. Gegen die temporäre In-Browser-Sitzung aufzunehmen riskiert, etwas festzuhalten, das später nicht mehr genauso aufgelöst wird, wenn sich ein Besucher von der Landingpage aus durchklickt.

Diese Unterscheidung übersieht man leicht, weil die In-Browser-Sitzung während des Bauens genau wie die deployte App aussieht und sich auch so verhält. Nichts an der sandboxed Vorschau signalisiert, dass ihre Adresse temporär ist, sodass ein Builder, der schnell von der Generierung direkt zur Asset-Erstellung übergeht, am Ende ein poliertes Video auf eine URL gerichtet haben kann, die nicht mehr existiert, sobald die Sitzung endet. Der Deploy-Schritt ist das einzige verlässliche Signal, dass die App jetzt eine Adresse hat, die es wert ist, auf einer öffentlichen Seite festgehalten zu werden.

Was genau sollte das Video beweisen?

Ein Landingpage-Video sollte genau die Behauptung beweisen, die die Überschrift aufstellt, nichts Weitergehendes. Verspricht die Überschrift, dass die App eine Tabelle in einen teilbaren Bericht verwandelt, sollte das Video diese Umwandlung von Anfang bis Ende sichtbar zeigen. Ein Video, das stattdessen über eine Einstellungsseite oder eine Preistabelle schwenkt, beantwortet eine Frage, die der Besucher noch nicht gestellt hat.

Landingpage-ElementWas das Video widerspiegeln sollte
ÜberschriftDie einzelne Aktion, die das Video zeigt
UnterzeileJedes einschränkende Detail, etwa für wen die Aktion gedacht ist
Call to ActionWas direkt nach der im Video gezeigten Aktion passiert

Warum braucht die App zuerst ein echtes Deployment?

Viele Bolt Projekte können eine Weile laufen, ohne dass ihr Builder jemals den Deploy-Schritt vornimmt, da die In-Browser-Sitzung oft ausreicht, um die Arbeit fortlaufend zu prüfen. Eine Landingpage ist eine andere Situation. Sie ist öffentlich und braucht eine URL, die sich noch auflösen lässt, wenn ein Fremder sich Tage oder Wochen nach der Aufnahme des Videos durchklickt, nicht nur im Moment des Bauens.

Zuerst zu deployen klärt außerdem eine Frage, die für das Video selbst wichtig ist: Was benötigt die App tatsächlich, bevor die Aktion gezeigt werden kann. Manche Bolt Apps haben überhaupt keinen Authentifizierungsschritt, da nichts explizit verdrahtet wurde, um einen zu verlangen. Andere sperren den interessanten Bildschirm hinter eine Anmeldung. Keines von beidem ist falsch, aber das Video muss der Realität entsprechen, nicht das eine oder andere annehmen.

Ein Landingpage-Video, das einen Anmeldeschritt zeigt, den niemand tatsächlich durchlaufen muss, oder einen auslässt, der wirklich erforderlich ist, weckt eine falsche Erwartung, die der Besucher innerhalb von Sekunden entdeckt, sobald er das Produkt selbst ausprobiert. Diese Diskrepanz schadet dem Vertrauen mehr als ein schlichteres Video, das genau dem echten Ablauf entspricht, also bestätigen Sie den tatsächlichen Einstiegspunkt der deployten App, bevor Sie entscheiden, was die Kamera zuerst festhalten soll.

  1. Deployen Sie die App auf eine stabile URL, anstatt gegen eine temporäre Vorschau-Sitzung aufzunehmen.
  2. Wählen Sie die einzelne Aktion, die dem entspricht, was die Landingpage-Überschrift bereits verspricht.
  3. Halten Sie das Video kurz genug, damit ein Besucher das Ergebnis sieht, bevor er daran vorbeiscrollt.

Wie passt der einzeilige Hinweis dazu?

GogoScreen nimmt die deployte URL und einen einzeiligen Hinweis, der die zu zeigende Aktion beschreibt, und liefert ein vertontes MP4 mit Untertiteln, Cursor-Glättung, Klick-Zooms und entfernten Totzeiten zurück. Formulieren Sie den Hinweis in der eigenen Sprache der App für die Aktion, nicht in Marketingsprache, die aus dem Landingpage-Text übernommen wurde. Nennt die App das Ergebnis einen Bericht, sollte der Hinweis Bericht sagen, nicht Deliverable oder Output.

Braucht der Ablauf eine Anmeldung, kann für diesen einen Renderdurchlauf ein Demokonto bereitgestellt werden, wobei die Zugangsdaten verschlüsselt, einmalig verwendet und danach gelöscht werden. Wird zuerst ein Storyboard geplant, bleiben die Zugangsdaten für diese Sitzung verschlüsselt und werden spätestens zwei Stunden nach ihrer letzten Verwendung gelöscht. Etwa einer von fünf Renderdurchläufen schlägt fehl oder muss wiederholt werden, lassen Sie also Zeit, das Ergebnis zu prüfen, bevor es auf der Seite live geht, statt die erste zurückkommende Datei zu veröffentlichen.

Wie unterscheidet sich das von einem Bolt Launch- oder Portfolio-Asset?

Ein Landingpage-Video hat ein engeres Publikum als ein Eintrag in einer Launch-Galerie oder ein Portfolio-Stück, weil es nur jemanden zufriedenstellen muss, der bereits diese spezifische Seite liest. Der Bolt Product Hunt Launch Video Leitfaden behandelt andere Einschränkungen, da ein Launch-Galerie-Asset eigene Regeln für Seitenverhältnis und Länge hat, denen ein Landingpage-Embed nicht folgen muss. Der Bolt Share with a Client Leitfaden handelt von einer privaten Übergabe statt einer öffentlichen Seite, und der Bolt Portfolio Demo Leitfaden sowie der Bolt App Review-Rundgang Leitfaden behandeln ihre eigenen, unterschiedlichen Momente im Leben eines Bolt Builds.

Dieselbe Landingpage-Frage stellt sich auch bei anderen Buildern. Der v0 Landingpage Video Leitfaden und der v0 App Demovideo Leitfaden behandeln sie für eine Plattform, bei der die generierte Ausgabe stärker in Richtung Oberfläche als verdrahtete Logik tendieren kann, was verändert, was das Video ehrlich zu beweisen behaupten kann. Ein breiterer Blick darauf, wo das unter KI-gebauten Produkten einzuordnen ist, findet sich im AI Agent Demovideo Leitfaden, und für eine no-code-spezifische Perspektive siehe den No-Code App Demovideo Leitfaden.

Wo hilft dieses Video sonst noch, über die Landingpage hinaus?

Sobald ein Video für die Kernaktion der App existiert, bleibt es selten auf die Landingpage beschränkt. Dieselbe Datei, oder eine Version davon, landet tendenziell auf einer Preisseite neben dem Plan, der die Funktion freischaltet, oder wird als Vergleichspunkt gegen eine manuelle Aufnahme desselben Ablaufs wiederverwendet.

  • Der Landingpage-Hero, wo es schnell laden und nah an der Aktion beginnen muss.
  • Ein Abschnitt der Preisseite, wo es die Behauptung eines bestimmten Plans stützt.
  • Ein Launch-Beitrag, wo ein kürzerer Schnitt die vollständige Version ersetzen kann.

Dasselbe Asset über diese Platzierungen hinweg wiederzuverwenden funktioniert nur, wenn das Original eng genug gefasst wurde, um auch außerhalb seines ursprünglichen Kontexts noch Sinn zu ergeben. Ein Video, das mit Text beginnt, der spezifisch für den Hero-Bereich ist, kann weiter unten auf einer Preisseite fehl am Platz wirken, während eine auf die Kernaktion zugeschnittene Version sauber zwischen allen dreien wandert. Diese Wiederverwendung vor dem ersten Renderdurchlauf statt danach zu planen erspart später eine zweite Aufnahmerunde.

Der Screen Recording versus Automated Demo Video Leitfaden erklärt die Kompromisse zwischen manueller Aufnahme und der Generierung aus einer URL und einem Hinweis, und der Demo Video für eine SaaS Preisseite Leitfaden behandelt diese zweite Platzierung ausführlicher. Für einen direkten Vergleich mit einer anderen Art, diese Art von Asset zu erzeugen, siehe GogoScreen im Vergleich zu Loom. Prüfen Sie die Preise, durchstöbern Sie die übrigen Leitfäden und Vergleiche, oder starten Sie auf der GogoScreen Startseite, um den Ablauf an Ihrer eigenen deployten App auszuprobieren.

Klarstellungen

Bevor Sie beginnen

Kann ein Landingpage-Video direkt die Bolt-Vorschau-URL verwenden?

Das ist möglich, aber es ist nicht garantiert, dass diese Vorschau-Sitzung bestehen bleibt. Ein veröffentlichtes Deployment liefert eine stabile, teilbare URL, was eine bessere Grundlage für ein Asset ist, das eine Weile auf einer öffentlichen Seite stehen soll.

Braucht das Video einen Anmeldebildschirm?

Nur, wenn der Ablauf, den Sie beweisen, einen benötigt. Viele Bolt Apps haben überhaupt keine Authentifizierung verdrahtet, daher sollte das Video genau das zeigen, was die App tatsächlich benötigt, um zu ihrer Hauptaktion zu gelangen.

Wie lang sollte das Landingpage-Video sein?

Kurz genug, um above the fold zu stehen, ohne mit der Überschrift zu konkurrieren. Eine fokussierte einzelne Aktion wirkt dort besser als eine lange Tour durch jeden Bildschirm, den die App hat.

Fügen Sie eine URL ein, beschreiben Sie einen Ablauf und erhalten Sie ein Demovideo Ihrer Webanwendung.

Die ersten 60 Sekunden Video sind kostenlos, mit Wasserzeichen. Bestätigen Sie Ihre E-Mail-Adresse, um das Video herunterzuladen.