Aller au contenu
Guide6 min de lecture

Vidéo de page de destination Bubble

Prouvez le produit dès le premier écran, même caché derrière une connexion.

Construire la preuve visible dès le premier écran pour la page de destination d'une application Bubble, quand le produit réel est derrière une connexion.

Voir comment ça marcheLes 60 premières secondes de vidéo sont gratuites, avec un filigrane. Vérifiez votre adresse e-mail pour la télécharger.

Le rôle d'une vidéo au-dessus de la ligne de flottaison est de répondre vite à une question : ce produit fait-il réellement ce que le titre vient d'affirmer. Un visiteur qui n'a pas encore fait défiler la page ne s'est engagé à rien. Il décide s'il vaut la peine de continuer à lire, et une vidéo qui prouve l'affirmation en quelques secondes vaut plus qu'un paragraphe de texte supplémentaire en dessous. Chaque seconde que la vidéo met à apporter cette preuve est une seconde pendant laquelle le visiteur peut décider que la page ne mérite pas son attention.

Les applications Bubble complexifient un peu cela, d'une façon utile. Parce qu'une construction Bubble est souvent un produit réel avec une base de données et des comptes utilisateurs dès le premier jour, le parcours intéressant que la page de destination veut prouver est souvent le même parcours qui se trouve derrière une connexion. Cela signifie que la vidéo de la page de destination doit combler un écart que d'autres outils n'ont pas toujours : montrer le produit connecté de façon convaincante, sur une page dont tout le rôle est de convertir un visiteur qui n'est pas encore connecté. Réussir ce pont représente la plus grande partie du travail dans ce format, car le reste de l'enregistrement est relativement simple une fois qu'un état connecté crédible existe pour être filmé.

Sur quoi la vidéo doit-elle ouvrir ?

Ouvrez sur le résultat, pas sur la préparation. Si la promesse du produit est « créer une facture en moins d'une minute », ouvrez près du moment où une facture apparaît, plutôt que de commencer sur un écran de connexion ou un tableau de bord vide. Un visiteur qui décide s'il continue à lire n'a pas besoin de regarder un compte se créer. Il doit voir vite le résultat que le titre a promis.

Moment de la page de destinationSur quoi la vidéo doit ouvrirCe qu'il faut garder pour plus tard
Les deux premières secondesLe résultat que le titre prometUn écran de connexion ou un état vide
Au milieuL'action qui produit ce résultatToutes les autres fonctionnalités de l'application
À la finUn état final propre et lisibleUne longue liste de capacités secondaires

Une vidéo de lancement Bubble sur Product Hunt a un problème de première impression similaire, mais pour un public de galerie plutôt qu'un visiteur de page. Cette vidéo de page de destination est la version la plus courte et la plus condensée de cette même preuve, conçue pour tenir dans les quelques secondes avant qu'un visiteur ne décide de continuer à faire défiler.

Comment gérer la connexion sans ouvrir sur elle ?

Préparez un compte de démonstration à l'avance avec des données déjà présentes, afin que l'enregistrement puisse commencer depuis un état qui ressemble déjà à un produit réel en usage. Passer l'étape de création de compte dans l'enregistrement est acceptable, et souvent préférable, car un visiteur de page de destination se soucie rarement de la façon dont la connexion fonctionne. Il se soucie de savoir si ce qui se trouve derrière fait ce qui a été promis.

  • Préparez un compte de démonstration avec des données qui soutiennent déjà le résultat promis.
  • Commencez l'enregistrement le plus près possible du résultat promis que le parcours le permet.
  • Évitez d'ouvrir sur un écran de création de compte, sauf si l'inscription elle-même est la promesse de la page.
  • Vérifiez que l'état connecté se charge proprement sans interruption avant d'enregistrer.

Sur GogoScreen, les identifiants sont chiffrés, utilisés pour un seul rendu, puis supprimés. Si un storyboard est planifié en premier, les identifiants restent chiffrés pendant cette session et sont supprimés au plus tard deux heures après leur dernière utilisation. Cette gestion compte ici, car ce format est l'un des cas les plus fréquents où une connexion est réellement nécessaire pour atteindre le moment qui vaut la peine d'être enregistré, sinon l'alternative est une vidéo de page de destination qui ne dépasse jamais l'écran de compte pour atteindre ce que la page essaie de vendre.

Que doit dire l'indication ?

Nommez l'état de départ le plus proche possible du résultat promis, l'action, et le résultat. « Depuis le tableau de bord avec trois factures existantes, créez-en une nouvelle et montrez qu'elle s'ajoute à la liste » est assez précis pour un rendu propre, alors que « montrez la fonctionnalité de facturation » laisse trop de place au rendu pour dériver vers un écran qui ne correspond pas au titre. Testez l'indication exacte sur le compte préparé exact avant de la soumettre, car le compte et l'indication doivent s'accorder pour que le rendu revienne conforme à ce que la page promet.

Respectez cet ordre chaque fois qu'une nouvelle vidéo de page de destination est nécessaire :

  1. Faites correspondre la vidéo au résultat exact que le titre de la page promet.
  2. Préparez un état connecté avec des données déjà présentes, puisque le produit réel se trouve généralement derrière une connexion.
  3. Gardez l'image d'ouverture sur le résultat qui intéresse le visiteur, pas sur l'écran de connexion.

GogoScreen renvoie un MP4 narré et monté à partir de cette indication, avec des zooms sur l'action, un lissage du curseur, la suppression des temps morts, et des sous-titres pour un visiteur qui n'a pas activé le son. Environ un rendu sur cinq nécessite une nouvelle tentative, et le temps n'est utilisé qu'en cas de réussite, donc prévoyez le temps d'une deuxième tentative avant que la page ne doive être mise en ligne.

Où la vidéo doit-elle se situer sur la page et de quoi a-t-elle besoin d'autre ?

Placez la vidéo là où elle soutient directement l'affirmation qui la précède, généralement juste sous le titre plutôt que plus bas sur la page où peu de visiteurs feront défiler pour la voir. Si la page fait plus d'une promesse distincte, une seule vidéo ne peut généralement pas les prouver toutes, et un second élément, plus ciblé, est souvent une meilleure solution que d'étirer un seul enregistrement pour tout couvrir.

Une fois que la page de destination convertit des visiteurs, la même application a généralement besoin d'autres éléments qui supposent un public différent. Partager un projet Bubble avec un client couvre la version transmission de ce même produit, une démo de portfolio Bubble couvre un cas où le spectateur a déjà choisi de regarder de plus près, et la visite guidée de relecture d'une application Bubble couvre l'étape de validation interne qui se produit généralement avant que tout ceci ne soit publié publiquement.

Pour un enregistrement plus court et stylistiquement proche visant un outil de développement, le guide de vidéo de démonstration Firebase Studio couvre un problème de première image comparable. Le guide de vidéo produit pour page de destination plus général et le guide de vidéo de démonstration de prototype à partir d'une URL approfondissent la préparation du matériau source lui-même. Si une première tentative ne revient pas utilisable, le guide sur l'échec de rendu de vidéo de démonstration couvre ce qu'il faut changer avant de soumettre à nouveau, et la liste de vérification vidéo de démonstration SaaS est une dernière relecture utile avant publication. Une alternative au GIF de démonstration produit vaut la lecture si la page s'appuyait auparavant sur une image statique à la place. Pour une comparaison d'outils d'enregistrement, lisez GogoScreen face à Demosmith. Commencez sur la page d'accueil GogoScreen, consultez les tarifs, parcourez la bibliothèque de guides, ou consultez le reste des comparaisons.

Précisions

Avant de commencer

La vidéo de la page de destination doit-elle montrer l'écran de connexion ?

En général non, pas comme première image. Commencez sur le résultat qui intéresse le visiteur, puis laissez la vidéo suggérer que l'étape de compte existe sans ouvrir sur celle-ci, car un écran de connexion est rarement la raison pour laquelle quelqu'un est venu sur la page.

Quelle durée doit avoir la vidéo au-dessus de la ligne de flottaison ?

Assez courte pour prouver un résultat avant que le visiteur ne quitte la page en faisant défiler. Une vidéo de page de destination est en concurrence avec tout le reste de la page pour capter l'attention, donc un seul parcours clair se lit mieux qu'une longue visite guidée.

Chaque visiteur doit-il voir le même parcours dans la vidéo ?

Non, mais la vidéo doit montrer le parcours qui correspond à la promesse principale de la page. Si le titre promet un résultat précis, la vidéo doit être la preuve la plus rapide possible de exactement ce résultat.

Collez une URL, décrivez un parcours et obtenez une vidéo de démonstration de votre application web.

Les 60 premières secondes de vidéo sont gratuites, avec un filigrane. Vérifiez votre adresse e-mail pour télécharger la vidéo.