Zum Inhalt springen
Leitfaden6 Min. Lesezeit

Landingpage-Demovideo-Leitfaden

Zeigen Sie einen Produktablauf, der seinen Platz auf der Seite verdient.

Planen Sie ein Landingpage-Demovideo, das einen Produktablauf zeigt, zum Seitenkontext passt und eine prüfbare Checkliste hat.

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

Was sollte ein Landingpage-Demovideo beweisen?

Ein Landingpage-Demovideo sollte einen Teil des Seitenversprechens beweisen, bevor ein Besucher entscheidet, ob er weiterliest. Seine Aufgabe ist es nicht, das ganze Produkt zu erklären, eine Launch-Geschichte zu wiederholen oder den Seitentext zu ersetzen. Es ist ein kompaktes Stück sichtbarer Beweis, platziert neben der Frage, die sich ein Besucher bereits stellt.

Für GogoScreen ist die vorgesehene Eingabe eine erreichbare Web-App-URL und ein einzeiliger Hinweis auf einen Ablauf. Das begründet eine Vorbereitungsmethode, nicht eine Behauptung, dass jede App funktioniert oder jeder erste Renderdurchlauf brauchbar ist. Etwa einer von fünf Renderdurchläufen kann fehlschlagen oder eine Wiederholung brauchen. Ein Landingpage-Produktvideo muss deshalb als konkreter Kandidat an einer konkreten Position geprüft werden, nicht als wiederverwendbares Versprechen über alle künftigen Ausgaben behandelt werden.

Der Above-the-Fold-Bereich hat eine enge Verantwortung. Ein Besucher, der nur Überschrift, stützenden Satz, Visual und erste Aktion überfliegt, sollte verstehen, wozu ihm das Produkt hilft. Das Asset verdient diesen Platz, wenn es die versprochene Aktion schneller greifbar macht, als es ein weiterer Absatz könnte. Braucht es mehrere Szenen, eine gesprochene Erklärung oder eine Tour durch unabhängige Funktionen, gehört es weiter unten auf die Seite oder in ein anderes Format.

Wie wählt man den Beweis für die Above-the-Fold-Platzierung?

Beginnen Sie mit dem Seitenversprechen und schreiben Sie dann die Besucherfrage in einem Satz. Die Frage könnte zum Beispiel sein, ob das Produkt einen Web-App-Ablauf ohne manuelle Aufnahmesitzung in ein Video verwandeln kann. Wählen Sie eine sichtbare Aktion und ein Ergebnis, die nur diese Frage beantworten. Die Seite kann Einschränkungen, Preiskontext und den nächsten Schritt im Text tragen.

Ein nützliches Storyboard hat drei Momente. Zeigen Sie zuerst genug vom Ausgangszustand, damit der Besucher weiß, was er sieht. Zeigen Sie zweitens die gewählte Aktion. Halten Sie drittens das sichtbare Ergebnis lange genug, damit es ein stummer Betrachter wahrnimmt. Fügen Sie keinen zweiten Workflow hinzu, nur weil er verfügbar ist. Mehr Aktionen können den ersten Beweis unklarer machen.

Deshalb unterscheidet sich ein Demovideo für die Landingpage-Platzierung von einer allgemeinen Produktvorführung. Die Platzierungsentscheidung beginnt beim Seitenversprechen und endet bei einer einzigen Besucherentscheidung. Das Asset wird auf Relevanz für diese Entscheidung bewertet, nicht danach, wie viel Produktfläche es abdecken kann.

MomentWas der Besucher verstehen solltePlatzierungsprüfung
Erstes BildDer relevante ProduktkontextEs ergibt auch ohne Ton Sinn.
Gewählte AktionDie Aktion, die das Seitenversprechen stütztSie bleibt bei der vorgesehenen Größe sichtbar.
Sichtbares ErgebnisDas Ergebnis, das aus der Aktion folgtEs bleibt lange genug im Bild, um wahrgenommen zu werden.

Was muss funktionieren, wenn das Video stumm ist?

Stummes Autoplay ist ein Seitenverhalten, kein Grund anzunehmen, ein Besucher werde Audio aktivieren. Das erste Bild sollte den relevanten Produktkontext identifizieren, ohne auf einen Erzählhinweis angewiesen zu sein. Die Aktion sollte bei der vorgesehenen Anzeigegröße lesbar sein, und das Ergebnis sollte sichtbar bleiben, statt nur einen Augenblick zu erscheinen, bevor der Loop neu startet.

Prüfen Sie das Poster getrennt vom bewegten Clip. Das Poster muss genug Kontext für eine langsame Verbindung, einen Pfad ohne JavaScript oder einen Besucher etablieren, der nicht auf die Wiedergabe wartet. Es sollte keinen Text tragen, der bei der vorgesehenen Bildschirmbreite unlesbar wird. Es sollte auch zum tatsächlichen Kandidaten passen, statt ein Ergebnis zu suggerieren, das nicht erzeugt wurde.

Die Seitenperformance setzt eine nützliche Grenze. Ein loopendes Above-the-Fold-Video braucht stummes Autoplay, playsinline, Loop-Verhalten und ein Poster. Halten Sie die Datei klein: Ein Asset mit mehreren Megabyte kann den LCP schädigen, und eine H.264-Datei ist meist weit kleiner als ein GIF desselben Clips. Das ist eine allgemeine Faustregel, kein Beweis über ein ungeprüftes Asset hier. Prüfen Sie die endgültige Dateigröße und das Wiedergabeverhalten im echten Layout vor der Platzierung.

Wie sollten umgebender Text und Layout die Entscheidung leiten?

Schreiben Sie Überschrift und stützenden Text so, dass sie das Versprechen formulieren, ohne dem Video eine ungeprüfte Aussage abzuverlangen. Platzieren Sie das Asset neben dem Text, den es stützt. Ein Besucher sollte nicht erraten müssen, warum der Clip dort erscheint, oder weiter unten auf der Seite nach der passenden Erklärung suchen müssen.

Prüfen Sie die Seite bei den vorgesehenen Desktop- und Mobilbreiten. Ein Clip kann bei großer Breite klar sein, aber die Aktion verlieren, wenn sein verfügbarer Bereich schmaler wird. Prüfen Sie, ob das Poster wichtigen Kontext abschneidet, ob Bedienelemente das Ergebnis verdecken und ob Bewegung mit der Hauptaktion konkurriert. Braucht die Seite eine Bildunterschrift, sollte sie beschreiben, was sichtbar gezeigt wird, statt die Aussage auszuweiten.

Verwenden Sie nur einen kontrollierten Vorführzustand. Zeigen Sie keine Kunden-Anwendung, Kunden-URL, Kundenmedien, Zugangsdaten, Namen oder Kennungen. Ist ein Login nötig, verwenden Sie über den genehmigten Prozess ein wegwerfbares Demokonto. Content-Autoren fordern keine Zugangsdaten an, sehen sie nicht, kopieren sie nicht und zeichnen sie nicht auf.

Wann sollte die Platzierung überdacht werden?

Überdenken Sie die Platzierung, wenn sich das Seitenversprechen ändert. Ein Video, das einst die erste Besucherfrage stützte, kann ablenkend wirken, wenn sich Überschrift, Hauptaktion oder Produktablauf verschieben. Die richtige Reaktion ist nicht, den nahen Text umzuschreiben, bis er wieder passend klingt. Prüfen Sie, ob dieselbe sichtbare Aktion und dasselbe Ergebnis noch die Frage beantworten, die ein neuer Besucher zuerst sieht.

Nutzen Sie für diese Entscheidung das tatsächliche Layout. Vergleichen Sie das Asset mit dem stützenden Satz, der Hauptaktion und dem Poster bei den vorgesehenen Breiten. Braucht das Video eine lange Bildunterschrift, um zu erklären, warum es dort gehört, tut die Platzierung wahrscheinlich zu viel. Verschieben Sie es weiter unten, wählen Sie einen engeren Ablauf, oder behalten Sie die schriftliche Erklärung, bis ein Kandidat den Punkt klar machen kann.

Checkliste zur Prüfung der Platzierung

Führen Sie diese Checkliste gegen den echten Kandidaten an der vorgeschlagenen Seitenposition durch. Die Liste ist kein Beweis dafür, dass die Prüfungen stattgefunden haben.

  1. Der Clip stützt genau das above-the-fold-Versprechen der Seite.
  2. Das erste Bild ergibt auch ohne Ton Sinn.
  3. Ein Ausgangszustand, eine Aktion und ein sichtbares Ergebnis sind bei der vorgesehenen Größe klar erkennbar.
  4. Stummes Autoplay, Loop-Verhalten und das Verhalten von playsinline sind im Layout geprüft.
  5. Das Poster ist lesbar und suggeriert kein ungesehenes Ergebnis.
  6. Dateigröße und Seitenperformance sind geprüft, bevor das Asset above-the-fold-Platz erhält.
  7. Nahe Überschrift, Bildunterschrift und Handlungsaufforderung beschreiben nur, was der Besucher überprüfen kann.
  8. Kein Kundenmaterial, keine Zugangsdaten, keine Kunden-URL und keine Kundenmedien erscheinen.
  9. Aufnahmedatum, Versionsnummer, Prüfer, Ergebnis und jede Wiederholung sind dokumentiert.

Ein Kandidat, der einen Punkt nicht besteht, wird nicht durch stärkere Formulierungen repariert. Der Leitfaden zum Landingpage-Produktvideo hilft, die Beweisrolle und den umgebenden Kontext zu entscheiden, während der Leitfaden zum Startseiten-Demovideo den spezifischeren ersten Eindruck und das Seitenversprechen prüft. Der Leitfaden zum Einbetten eines Produktdemovideos prüft Platzierung und Player-Verhalten, nachdem der Kandidat fertig ist, und der Leitfaden zum Produktdemovideo ohne Ton prüft, ob sein sichtbarer Beweis auch ohne Audio trägt. Ändern Sie die Platzierung, überarbeiten Sie den geplanten Ablauf, oder wiederholen Sie den Renderdurchlauf und prüfen Sie den nächsten Kandidaten anhand seiner eigenen Fakten.

Verwandte Launch-Entscheidungen

Die anderen Leitfäden beantworten unterschiedliche Aufgaben. Lesen Sie die Vorbereitung des Product-Hunt-Launch-Videos für Galerie- und Einreichungskontext, den allgemeinen SaaS-Demo-Workflow für den breiteren URL-und-Hinweis-Prozess, Bereitschaft des Software-Demovideos für die Vorbereitung erreichbarer Routen, Platzierung von README-Assets für Repository-Leser, ein Ein-Änderungs-Release-Video für Release-Notes-Kontext, und ein Wartelisten-Launch-Demovideo für aktuellen Beweis, der von künftigen Plänen getrennt bleiben muss.

Für alternative Workflows siehe GogoScreen und Loom, GogoScreen und Screen Studio, GogoScreen und Clueso, GogoScreen und Guidde, und GogoScreen und Demosmith. Prüfen Sie die Startseite, die Preise, das Leitfaden-Verzeichnis, das Vergleichsverzeichnis und die Datenschutzinformationen vor der Veröffentlichung.

Klarstellungen

Bevor Sie beginnen

Was gehört in eine Landingpage-Demo?

Zeigen Sie eine sichtbare Produktaktion, die das Versprechen in der nahen Überschrift und im nahen Text stützt. Die Seite sollte den breiteren Kontext erklären.

Wo sollte eine Landingpage-Demo erscheinen?

Platzieren Sie sie dort, wo ein Besucher vor der nächsten Aktion Beweise braucht. Testen Sie die vorgeschlagene Position mit dem tatsächlichen Seitenlayout und dem umgebenden Text.

Was muss ein Besucher ohne Ton verstehen?

Das erste Bild, die Aktion und das sichtbare Ergebnis sollten auch ohne Audio Sinn ergeben. Verlassen Sie sich nicht auf eine Erzählstimme, um den zentralen Beweis zu erklären.

Wie sollte das Asset geprüft werden?

Prüfen Sie den genauen Kandidaten an seiner vorgesehenen Seitenposition, einschließlich Poster, stummer Wiedergabe, Abmessungen, nahem Text, Datenschutz und jeder dokumentierten Wiederholung.

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.