Zum Inhalt springen
Leitfaden6 Min. Lesezeit

Firebase Studio Landingpage-Video

Geben Sie der Landing Page Above the Fold Beweis, keine weitere Funktionsliste.

Bauen Sie den Above the Fold Beweis für die eigene Landing Page einer Firebase Studio App, zugeschnitten auf eine Besucherin, die in Sekunden entscheidet.

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

Das Video oberhalb des sichtbaren Bereichs auf einer Landing Page hat eine Aufgabe, die sich von jedem anderen Video unterscheidet, das eine App je braucht: Es muss funktionieren, bevor die Besucherin sich entschieden hat, irgendetwas zu vertrauen. Sie hat die Funktionsliste nicht gelesen, sie kennt den Namen der App nicht, und sie wird in wenigen Sekunden weiterscrollen, wenn das Video die Sache nicht sofort für sie macht. Das ist ein viel engeres Briefing als ein allgemeines Demo Video, und eine schnell gebaute Firebase Studio App hat oft eine Landing Page geschrieben, bevor das Produkt selbst vollständig bewiesen war, was die Lücke zwischen dem Versprechen in der Überschrift und der Realität auf dem Bildschirm vor dem Launch schließenswert macht.

GogoScreen erzeugt das aus einer ausgelieferten URL und einer Zeile, die den zu zeigenden Ablauf beschreibt, und liefert in etwa zwei Minuten einen erzählten MP4 mit Zooms auf Klicks, geglätteter Cursorbewegung, entfernter Stille und eingebrannten Untertiteln. Für eine App hinter Firebase Authentication kann ein Demokonto bereitgestellt werden, das verschlüsselt, für genau einen Renderdurchlauf verwendet und danach gelöscht wird. 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. Nichts davon ändert die eigentliche Einschränkung hier, die redaktioneller Natur ist: Das Video hat Sekunden, nicht Minuten, um seine Arbeit zu tun.

Was macht ein Landing Page Video anders als eine allgemeine Demo?

Eine allgemeine Demo kann sich ein paar zusätzliche Sekunden Kontext leisten, weil die Betrachterin sich bereits entschieden hat, sie anzusehen. Ein Landing Page Video konkurriert mit der Entscheidung der Besucherin weiterzuscrollen, also muss es genau in dem Moment beginnen, in dem der Wert sichtbar wird, nicht bei einem Login Bildschirm, einem Ladezustand, oder einem unzusammenhängenden Einrichtungsschritt. Wenn das Kernversprechen der App ist, dass eine Formularabsendung ein sofortiges, konkretes Ergebnis erzeugt, sollte das Video bei oder kurz vor dieser Absendung beginnen, nicht mehrere Schritte davor.

Schneiden Sie alles heraus, was über die App wahr, aber nicht der Punkt der Überschrift darüber ist. Ein Dashboard mit vielen Funktionen ist nicht die Geschichte, die die Landing Page erzählt, wenn die Überschrift ein bestimmtes Ergebnis verspricht. Passen Sie das Video genau an die Behauptung der Überschrift an, da eine Abweichung zwischen beiden beide untergräbt.

Landing Page Video EntscheidungWarum sie hier wichtig istWas sie kaputt macht
Beim Wertmoment beginnenBesucherin entscheidet in Sekunden, nicht MinutenÖffnen mit einem Login oder Ladebildschirm
Die genaue Behauptung der Überschrift treffenText und Video verstärken sich gegenseitigEine Funktion zeigen, die die Überschrift nie erwähnt
Ton als ausgeschaltet annehmenDie meisten Besucherinnen schalten den Ton nicht sofort einSich auf die Erzählung verlassen, um die Kernaussage zu vermitteln

Wie bereiten Sie die ausgelieferte App für diese Aufnahme vor?

Öffnen Sie die App auf ihrer öffentlichen Firebase Hosting URL in einem privaten Browserfenster und bestätigen Sie, dass sie so lädt, wie eine Erstbesucherin es erleben würde, ohne gespeicherte Sitzung und ohne Projektzugang. Wenn der Ablauf einen eingeloggten Zustand braucht, um sein Ergebnis zu zeigen, säen Sie im Voraus ein Demokonto, damit die Aufnahme ihre begrenzten Sekunden nicht mit Kontoerstellung verbringt. Ein Landing Page Video hat keinen Platz für Einrichtungsschritte, die sich eine allgemeine Demo noch leisten könnte.

  • Öffnen Sie die ausgelieferte URL in einem privaten Fenster, genau so, wie eine neue Besucherin darauf landen würde.
  • Säen Sie jeden benötigten Kontostatus, damit die Aufnahme beim Wertmoment beginnt.
  • Entfernen oder ersetzen Sie Platzhalterinhalte, die das Gerüst hinterlassen hat.
  • Bestätigen Sie, dass der Ablauf innerhalb weniger Sekunden abschließt, nicht ein paar Minuten.
  1. Wählen Sie den einen Ablauf, der das Kernversprechen der App schneller belegt, als es der umgebende Text kann.
  2. Bereiten Sie die ausgelieferte App so vor, dass sie direkt in diesen Ablauf öffnet, ohne störenden Ballast.
  3. Kürzen Sie den einzeiligen Hinweis, bis das vom Video gezeigte Ergebnis in wenigen Sekunden unmissverständlich ist.

Wie konkret sollte der Hinweis für ein so kurzes Video sein?

Konkreter als für eine längere Demo, nicht weniger. Ein Landing Page Video hat weniger Spielraum, sich zu erholen, wenn der Render zu einem benachbarten Bildschirm abschweift, also sollte der Hinweis den genauen Startpunkt, die eine Aktion, und das genaue sichtbare Ergebnis benennen, ohne Raum für Interpretation. "Von der Startseite aus eine Adresse eingeben und das passende Ergebnis unter dem Feld erscheinen lassen" ist präzise genug, um es abzugleichen. Ein breiterer Hinweis riskiert einen Render, der die App zwar technisch funktionierend zeigt, aber nicht den bestimmten Moment, den die Überschrift verkauft.

Was sollten Sie prüfen, bevor es oberhalb des sichtbaren Bereichs live geht?

Sehen Sie sich das fertige Video stumm an, auf der kleinsten Bildschirmgröße, die die Landing Page unterstützt, da ein bedeutender Teil der Besucherinnen es dort zuerst sehen wird. Bestätigen Sie, dass das Ergebnis ohne Erzählung und ohne zweimaliges Lesen eines Untertitels verständlich ist. Wenn der Ablauf nur mit Ton Sinn ergibt, braucht er einen klareren visuellen Moment, nicht die Bitte, die Lautstärke aufzudrehen.

Prüfen Sie den Render noch einmal gegen die Überschrift, bevor Sie veröffentlichen. Wenn sich der Text seit dem Schreiben des Hinweises geändert hat, auch nur leicht, lesen Sie beide erneut zusammen und bestätigen Sie, dass sie noch übereinstimmen. Eine Landing Page, bei der die Worte eine Sache versprechen und das Video etwas Benachbartes zeigt, wirkt nachlässig, selbst wenn beide für sich genommen korrekt sind.

Bestätigen Sie auch, dass das Video noch korrekt aussieht, nachdem das umgebende Seitenlayout final ist. Ein für sich isoliert korrekt dimensioniertes und gerahmtes Video kann eingeengt oder seltsam zugeschnitten wirken, sobald es im tatsächlichen Hero Bereich sitzt, besonders auf einem schmaleren Viewport, wo das Layout weniger Platz zum Atmen hat. Laden Sie die fertige Landing Page, nicht nur die Videodatei, und beurteilen Sie das Ergebnis in diesem echten Kontext, sowohl auf einem Handybildschirm als auch auf einem Laptopbildschirm, bevor Sie das Asset für fertig erklären.

Wie fügt sich das in den Rest des Launches?

Ein Firebase Studio Product Hunt Launch Video ist ein verwandtes, aber separates Asset mit eigenen Länge und Galerie Einschränkungen, getrennt von der Version, die oberhalb des sichtbaren Bereichs auf der eigenen Seite der App sitzt. Der Firebase Studio Share with a Client Guide und der Firebase Studio Portfolio Demo Guide decken Publikum ab, das die App bereits kennt, statt einer kalten Besucherin, die von der Suche oder einem Link kommt. Der Firebase Studio App Review Walkthrough Guide ist für interne Prüfung, bevor irgendetwas davon öffentlich wird, meist die Stufe direkt vor der Aufnahmewürdigkeit eines Landing Page Videos.

Für die vergleichbare Aufgabe bei einem anderen Builder siehe den Softr Demo Video Guide. Für ein schriftliches Gegenstück zum Video decken der README Product Demo Video Guide und der Web App Walkthrough Video Guide einen Dokumentationskontext statt eines Marketingkontexts ab, nützlich, sobald das Landing Page Video bereits live ist und eine technischere Leserin eine vollständigere Erklärung braucht. Wenn das aktuelle Landing Page Video ein Aufnahmetool ersetzen soll, das das Team bereits für diese Art von Asset nutzt, siehe den Loom Alternative for a Product Demo Guide. Für ein SaaS, dessen Landing Page zum ersten Mal statt aufgefrischt gebaut wird, decken der Demo Video for a New SaaS Guide und der Landing Page Product Video Guide die breiteren redaktionellen Entscheidungen ab, die diese Seite als bereits getroffen annimmt, einschließlich wie viel der Seite ein Video im Verhältnis zum umgebenden Text einnehmen sollte. Vergleichen Sie GogoScreen mit einem dedizierten Bildschirmaufnahme Tool unter GogoScreen gegen Screen Studio, prüfen Sie die Preise für Pläne und Aufladungen, durchsuchen Sie die vollständige Guides Bibliothek und die Vergleichsseiten, oder starten Sie bei der GogoScreen Startseite für den URL und Hinweis Arbeitsablauf selbst.

Klarstellungen

Bevor Sie beginnen

Wie lang sollte ein Firebase Studio Landing Page Video sein?

Kurz genug, um fertig zu sein, bevor eine Besucherin daran vorbeiscrollt, meist unter einer Minute. Das Ziel ist, eine Frage zu beantworten, was diese App eigentlich tut, nicht durch jeden Bildschirm zu gehen.

Sollte das Landing Page Video automatisch mit Ton abspielen?

Planen Sie damit, dass es zuerst stumm angesehen wird. Eingebrannte Untertitel und eine für sich verständliche visuelle Abfolge zählen für ein Video oberhalb des sichtbaren Bereichs mehr als die Erzählung.

Was, wenn die Firebase Studio App noch nicht auf eine eigene Domain ausgeliefert ist?

Eine Firebase Hosting Standarddomain funktioniert für die Aufnahme problemlos. Wichtig ist, dass die URL öffentlich erreichbar ist, nicht dass sie eine eigene Domain trägt.

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.