Zum Inhalt springen
Leitfaden5 Min. Lesezeit

Bubble-Landingpage-Video

Beweisen Sie das Produkt im sichtbaren Bereich, auch wenn es hinter einem Login liegt.

Erstellen Sie den Above-the-Fold-Beweis für die eigene Landingpage einer Bubble-App, wenn das eigentliche Produkt meist hinter einem Login liegt.

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

Die Aufgabe eines Videos im sichtbaren Bereich ist es, eine Frage schnell zu beantworten: Tut dieses Produkt tatsächlich das, was die Überschrift gerade behauptet hat. Ein Besucher, der noch nicht einmal gescrollt hat, ist zu nichts verpflichtet. Er entscheidet, ob er weiterliest, und ein Video, das die Behauptung in wenigen Sekunden beweist, leistet mehr als ein weiterer Absatz Text darunter. Jede Sekunde, die das Video braucht, um zu diesem Beweis zu kommen, ist eine Sekunde, in der der Besucher entscheiden könnte, dass sich die Aufmerksamkeit für die Seite nicht lohnt.

Bubble-Apps verkomplizieren das auf eine nützliche Weise. Da ein Bubble-Build von Anfang an häufig ein echtes Produkt mit Datenbank und Benutzerkonten ist, ist der interessante Ablauf, den die Landingpage beweisen will, oft derselbe Ablauf, der hinter einem Login liegt. Das bedeutet, dass das Landingpage-Video eine Lücke überbrücken muss, die andere Tools nicht immer haben: das eingeloggte Produkt überzeugend zu zeigen, auf einer Seite, deren ganze Aufgabe es ist, einen noch nicht eingeloggten Besucher zu konvertieren. Diese Brücke richtig hinzubekommen ist der größte Teil der Arbeit bei diesem Format, denn der Rest der Aufnahme ist vergleichsweise einfach, sobald ein glaubwürdiger eingeloggter Zustand zum Aufnehmen existiert.

Worauf sollte das Video eröffnen?

Eröffnen Sie mit dem Ergebnis, nicht mit der Vorbereitung. Wenn das Versprechen des Produkts lautet, eine Rechnung in unter einer Minute zu erstellen, eröffnen Sie nah am Moment, in dem eine Rechnung erscheint, statt mit einem Login-Bildschirm oder einem leeren Dashboard zu beginnen. Ein Besucher, der entscheidet, ob er weiterliest, muss nicht zusehen, wie ein Konto erstellt wird. Er muss das Ergebnis sehen, das die Überschrift versprochen hat, und zwar schnell.

Moment auf der LandingpageWorauf das Video eröffnen sollteWas für später aufgehoben werden sollte
Erste zwei SekundenDas Ergebnis, das die Überschrift versprichtEin Login-Bildschirm oder ein leerer Zustand
MitteDie Aktion, die dieses Ergebnis erzeugtJede andere Funktion der App
SchlussEin sauberer, gut lesbarer EndzustandEine lange Liste sekundärer Funktionen

Ein Bubble-Product-Hunt-Launch-Video hat ein ähnliches Problem mit dem ersten Eindruck, allerdings für ein Galeriepublikum statt für einen Seitenbesucher. Dieses Landingpage-Video ist die kürzeste, am stärksten verdichtete Version desselben Beweises, gebaut, um in den wenigen Sekunden zu bestehen, bevor ein Besucher entscheidet, ob er weiterscrollt.

Wie gehen Sie mit dem Login um, ohne darauf zu eröffnen?

Bereiten Sie im Voraus ein Demokonto mit bereits vorhandenen Daten vor, damit die Aufnahme aus einem Zustand starten kann, der bereits wie ein echtes, genutztes Produkt aussieht. Den Kontoerstellungsablauf in der Aufnahme auszulassen ist in Ordnung und oft besser, denn ein Landingpage-Besucher interessiert sich selten dafür, wie der Login funktioniert. Er interessiert sich dafür, ob das, was dahinter liegt, das Versprochene tut.

  • Bereiten Sie ein Demokonto mit Daten vor, die das versprochene Ergebnis bereits unterstützen.
  • Beginnen Sie die Aufnahme so nah wie möglich am versprochenen Ergebnis.
  • Vermeiden Sie es, mit einem Kontoerstellungsbildschirm zu eröffnen, außer die Anmeldung selbst ist das Versprechen der Seite.
  • Bestätigen Sie, dass der eingeloggte Zustand vor der Aufnahme sauber und ohne Unterbrechung lädt.

Bei GogoScreen werden bereitgestellte Login-Zugangsdaten verschlüsselt, für genau einen Renderdurchlauf verwendet und danach gelöscht. 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. Diese Handhabung ist hier wichtig, denn dieses Format ist einer der häufigeren Fälle, in denen ein Login tatsächlich nötig ist, nur um den Moment zu erreichen, der die Aufnahme wert ist, da die Alternative ein Landingpage-Video wäre, das nie über den Kontobildschirm hinauskommt, zu dem Punkt, den die Seite eigentlich verkaufen will.

Was muss der Hinweis sagen?

Benennen Sie den Ausgangszustand so nah wie möglich am versprochenen Ergebnis, die Aktion und das Ergebnis. Der Hinweis "Erstellen Sie vom Dashboard mit drei vorhandenen Rechnungen aus eine neue und zeigen Sie, wie sie der Liste hinzugefügt wird" ist präzise genug für einen sauberen Renderdurchlauf, während "die Rechnungsfunktion zeigen" zu viel Spielraum lässt, sodass der Renderdurchlauf zu einem Bildschirm abschweifen könnte, der nicht zur Überschrift passt. Testen Sie den genauen Hinweis am genauen vorbereiteten Konto, bevor Sie ihn einreichen, denn Konto und Hinweis müssen übereinstimmen, damit der Renderdurchlauf zurückkommt und dem entspricht, was die Seite verspricht.

Halten Sie sich jedes Mal, wenn ein neues Landingpage-Video benötigt wird, an diese Reihenfolge:

  1. Passen Sie das Video genau an das Ergebnis an, das die Überschrift der Seite verspricht.
  2. Bereiten Sie einen eingeloggten Zustand mit bereits vorhandenen Daten vor, da das eigentliche Produkt meist hinter einem Login liegt.
  3. Halten Sie das Eröffnungsbild auf dem Ergebnis, das den Besucher interessiert, nicht auf dem Login-Bildschirm.

GogoScreen liefert aus diesem Hinweis ein erzähltes, geschnittenes MP4 mit Zooms auf die Aktion, Cursor-Glättung, Schnitten toter Luft und Untertiteln für einen Besucher, der den Ton nicht eingeschaltet hat. Etwa einer von fünf Renderdurchläufen muss wiederholt werden, und Zeit wird nur bei Erfolg verbraucht, also lassen Sie Raum für einen zweiten Versuch, bevor die Seite live gehen muss.

Wo sollte das Video auf der Seite sitzen, und was braucht es sonst noch?

Platzieren Sie das Video dort, wo es die Behauptung direkt darüber unterstützt, meist direkt unter der Überschrift statt weiter unten auf der Seite, wo weniger Besucher hinscrollen. Wenn die Seite mehr als ein eigenständiges Versprechen macht, kann ein einzelnes Video meist nicht alle beweisen, und ein zweites, fokussierteres Asset ist oft die bessere Lösung, als eine Aufnahme zu dehnen, um alles abzudecken.

Sobald die Landingpage Besucher konvertiert, braucht dieselbe App meist weitere Assets, die ein anderes Publikum voraussetzen. Ein Bubble-Projekt mit einem Kunden teilen behandelt die Übergabeversion desselben Produkts, ein Bubble-Portfolio-Demo behandelt einen Fall, in dem der Betrachter sich bereits entschieden hat, genauer hinzuschauen, und der Bubble-App-Review-Rundgang behandelt den internen Freigabeschritt, der meist stattfindet, bevor irgendetwas davon öffentlich live geht.

Für eine kürzere, ähnlich gestaltete Aufnahme für ein Builder-Tool behandelt der Firebase-Studio-Demo-Video-Guide ein vergleichbares Problem im sichtbaren Bereich. Der breitere Landingpage-Produktvideo-Guide und der Prototyp-Demo-Video-aus-URL-Guide gehen tiefer auf die Vorbereitung des Ausgangsmaterials selbst ein. Wenn ein erster Versuch nicht brauchbar zurückkommt, behandelt der Guide zum Fehlschlagen von Demo-Video-Renderdurchläufen, was vor dem erneuten Einreichen geändert werden sollte, und die SaaS-Demo-Video-Checkliste ist ein nützlicher letzter Durchgang vor der Veröffentlichung. Eine Alternative zum Produkt-Demo-GIF lohnt sich zu lesen, wenn die Seite zuvor auf ein statisches Bild statt eines Videos gesetzt hat. Für einen Vergleich von Aufnahme-Tools lesen Sie GogoScreen im Vergleich zu Demosmith. Starten Sie auf der GogoScreen-Startseite, prüfen Sie die Preise, durchsuchen Sie die Guide-Bibliothek oder sehen Sie die übrigen Vergleiche.

Klarstellungen

Bevor Sie beginnen

Sollte das Landingpage-Video den Login-Bildschirm zeigen?

In der Regel nicht als Eröffnungsbild. Beginnen Sie mit dem Ergebnis, das den Besucher interessiert, und lassen Sie das Video andeuten, dass der Kontoschritt existiert, statt ihn zu zeigen, denn ein Login-Bildschirm ist selten der Grund, warum jemand auf die Seite gekommen ist.

Wie kurz sollte das Video im sichtbaren Bereich sein?

Kurz genug, um ein Ergebnis zu beweisen, bevor der Besucher weiterscrollt. Ein Landingpage-Video konkurriert mit allem anderen auf der Seite um Aufmerksamkeit, daher wirkt ein einziger klarer Ablauf besser als eine lange Tour.

Muss jeder Besucher denselben Ablauf im Video sehen?

Nein, aber das Video sollte den Ablauf zeigen, der zum Hauptversprechen der Seite passt. Wenn die Überschrift ein bestimmtes Ergebnis verspricht, sollte das Video der schnellstmögliche Beweis genau dieses Ergebnisses sein.

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.