Aller au contenu
Guide7 min de lecture

Vidéo de lancement Figma Make sur Product Hunt

Transformez un prototype Figma Make en vidéo de galerie qu'un inconnu regardera vraiment.

Préparez un prototype Figma Make pour une vidéo de galerie Product Hunt, du choix du parcours jusqu'à la relecture du rendu avant le jour du lancement.

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.

Une galerie Product Hunt est un endroit étrange pour placer une démo. La plupart des visiteurs font défiler une vignette en moins d'une seconde, sans son, en décidant s'ils vont appuyer sur lecture avant même d'avoir lu une seule ligne de la description. Une vidéo de lancement Figma Make doit gagner cette décision, ce qui rend la tâche plus étroite que « montrer le produit ». Elle doit montrer un résultat reconnaissable dans les toutes premières images, dans un format pensé pour une galerie, pas pour une page de vente. La plus grande partie du travail pour bien réussir se fait avant tout enregistrement, en décidant quel parcours unique mérite ce premier coup d'œil.

Figma Make transforme une invite ou une conception en un prototype fonctionnel avec son propre lien de prévisualisation partageable. Ce lien est en général accessible sans compte, puisque la plupart des applications Figma Make sont des prototypes plutôt que des logiciels livrés avec une vraie couche d'authentification derrière. Cela compte pour une vidéo de lancement car cela signifie que le parcours enregistré est en général le même que celui qu'un visiteur curieux pourrait ouvrir lui-même après avoir regardé, sans mur d'inscription entre la vidéo et ce qu'elle représente. Un visiteur qui regarde la vidéo puis ouvre le lien devrait arriver sur le même écran de départ, pas sur une page verrouillée lui demandant de créer un compte d'abord.

Que doit réellement montrer la vidéo ?

Montrez la seule action qui rend vraie l'affirmation principale du produit. Si le slogan de Product Hunt affirme que l'outil transforme une esquisse en page fonctionnelle, la vidéo doit montrer une esquisse devenant une page fonctionnelle, pas un panneau de réglages ou une page à propos. Un visiteur de la galerie décide si l'affirmation du slogan est réelle, et le moyen le plus rapide de répondre à cela est un seul avant et après qu'il peut voir se produire.

Résistez à la tentation de couvrir tout ce que le prototype peut faire. Une démo de portfolio Figma Make peut se permettre une visite plus large car son visiteur a déjà choisi de regarder de plus près. Un visiteur de galerie Product Hunt n'a pas encore fait ce choix, et une vidéo longue et non ciblée se lit comme inachevée plutôt que comme minutieuse.

Moment du lancementCe dont le visiteur de la galerie a besoinCe qu'il faut laisser de côté
Deux premières secondesQuelque chose qui change déjà à l'écranUn écran de logo ou un indicateur de chargement
MilieuLa seule action promise par le sloganRéglages, écrans d'administration, menus sans rapport
Dernière imageUn résultat que le visiteur peut juger sans le sonUn appel à l'action qui a besoin du son pour être compris

Comment le lien de prévisualisation Figma Make change-t-il la préparation ?

Comme une prévisualisation Figma Make est en général accessible sans connexion, l'étape de préparation ressemble davantage à ouvrir un lien qu'à organiser des identifiants. Ouvrez l'URL de prévisualisation exacte que vous prévoyez de soumettre, à froid, comme le ferait un inconnu atterrissant depuis la galerie. Surveillez les mêmes interruptions que peut produire n'importe quelle application web accessible : un état vide sans rien renseigné, un écran de chargement qui reste trop longtemps, ou un élément de conception encore dans un aspect de brouillon qui n'était jamais censé être enregistré.

Si une partie du parcours a effectivement besoin de vraies données pour paraître convaincante, remplissez-la avec un contenu de substitution manifestement pas issu d'une vraie fiche client. Un prototype avec un tableau vide ou une toile vide ne dit rien au visiteur sur l'affirmation du slogan.

  • Ouvrez le lien de prévisualisation sans contexte préalable, exactement comme le ferait un visiteur de la galerie.
  • Remplissez toute liste, tableau ou toile avec un contenu qui n'est pas une vraie donnée client.
  • Vérifiez que le parcours se termine sans redirection vers un écran de départ.
  • Confirmez qu'aucun élément de conception en brouillon ou inachevé ne se trouve dans le cadre que vous prévoyez de soumettre.

Les trois étapes ci-dessous restent les mêmes quel que soit le parcours choisi :

  1. Choisissez le seul parcours qui prouve l'affirmation principale du produit, pas une visite du prototype.
  2. Ouvrez le lien de prévisualisation comme le ferait un visiteur de Product Hunt, sans contexte préalable et sans connexion.
  3. Soumettez le rendu tôt et relisez le candidat par rapport au parcours avant de le mettre en ligne dans la galerie.

De quoi GogoScreen a-t-il besoin pour construire la vidéo ?

GogoScreen prend l'URL de prévisualisation et une ligne décrivant ce qu'il faut montrer, puis renvoie un MP4 narré et monté environ deux minutes plus tard. Le montage inclut des zooms sur le clic qui compte, un lissage du curseur pour que le mouvement reste net à la petite taille de la galerie, des coupes des temps morts, et des sous-titres incrustés pour le cas de la lecture automatique en muet. Rien de tout cela ne remplace le choix du bon parcours en premier lieu. Un enregistrement bien filmé de la mauvaise action échoue quand même au test de la galerie, et aucune quantité de finition de montage ne fera lire un parcours mal ciblé comme une affirmation produit claire.

Écrivez l'indication comme vous brieferiez une personne debout derrière vous avec une caméra. Nommez l'écran de départ, l'action unique, et le résultat que vous attendez de voir visible à la fin. Une indication comme « à partir de la toile vide, générez la mise en page et montrez la page terminée apparaître » donne à un relecteur quelque chose de concret pour vérifier le rendu terminé, tandis qu'une indication vague invite le rendu à s'égarer vers des écrans qui ne servent pas le lancement. Gardez la formulation de l'indication cohérente avec les libellés réellement visibles dans le prototype, car un décalage entre l'indication et l'interface est l'une des raisons les plus courantes pour lesquelles un premier candidat manque la cible.

Comment relire le candidat avant le jour du lancement ?

Comparez le MP4 terminé à l'indication que vous avez écrite et au parcours que vous avez testé à la main. Confirmez que l'image d'ouverture montre déjà quelque chose en mouvement, que le milieu montre exactement l'action promise par le slogan, et que l'image de fermeture se lit clairement avec le son coupé. Vérifiez les sous-titres par rapport à ce qui s'est réellement passé à l'écran, car un décalage de narration est le genre de petite erreur qu'une foule du jour du lancement remarquera et mentionnera dans les commentaires.

Prévoyez une marge de nouvelle tentative avant d'avoir besoin du fichier. Environ un rendu sur cinq échoue complètement ou nécessite une seconde tentative avec une indication plus précise ou un état de départ plus propre, et le temps n'est utilisé que lorsqu'un rendu réussit, donc une tentative échouée ne coûte que l'attente. Le guide sur l'échec de rendu d'une vidéo de démo passe en revue le plus petit changement à essayer d'abord plutôt que de soumettre deux fois la même indication. Soumettre deux ou trois jours avant le lancement, plutôt que la veille au soir, est ce qui transforme ce taux de nouvelle tentative d'un risque en un non-problème.

Une fois le rendu approuvé, traitez-le comme n'importe quel autre actif de lancement : vérifiez-le à l'aide d'une relecture de type liste de contrôle de lancement Product Hunt pour un produit agent IA, et assurez-vous qu'un fondateur non technique qui lit la galerie peut suivre le parcours sans avoir besoin de déjà comprendre l'outil de création sous-jacent.

Où ce parcours se retrouve-t-il ailleurs ?

Le même lien de prévisualisation doit en général voyager plus loin que le billet de la galerie. Un guide de vidéo de démo d'application de préproduction utilise une discipline d'ouverture à froid similaire pour un public interne plutôt que public. Une fois le lancement en ligne, l'actif suivant dont la plupart des créateurs ont besoin est une preuve à remettre à quelqu'un qui ne cliquera pas du tout sur un lien de prévisualisation, ce qui est la tâche couverte dans le partage d'un projet Figma Make avec un client, et la version côté relecteur du même problème se trouve dans la vidéo de relecture d'application Figma Make.

Les créateurs qui comparent des plateformes pour exactement cette tâche devraient aussi regarder ce qu'exigent une vidéo de démo Bubble et une vidéo de page d'accueil Bubble, car les deux outils de création diffèrent sur le fait que l'application sous-jacente attend ou non une connexion. Pour une transmission de lancement à quelqu'un d'autre dans l'équipe, le guide de vidéo de transmission à un agent couvre ce que cette personne doit voir avant de prendre possession du projet. Pour une comparaison directe des outils d'enregistrement, lisez GogoScreen face à Loom. Commencez par la page d'accueil GogoScreen, consultez les tarifs avant de soumettre un rendu, parcourez la bibliothèque de guides complète pour des actifs de lancement voisins, ou consultez le reste des comparaisons face à d'autres outils de cette catégorie.

Précisions

Avant de commencer

Un prototype Figma Make a-t-il besoin d'une connexion pour une vidéo Product Hunt ?

En général non. Une application Figma Make est en général un prototype fonctionnel accessible via un lien de prévisualisation partagé, sans vrai système de compte derrière, si bien que la plupart des parcours de lancement peuvent être enregistrés sans aucune information d'identification.

Quelle longueur devrait avoir la vidéo de galerie Product Hunt ?

Restez court et concentré sur un seul parcours. La galerie recadre et lance la lecture automatique sans son par défaut, si bien que les premières secondes portent tout le poids, pas une longue présentation de chaque écran.

Que faire si le rendu échoue la veille du lancement ?

Environ un rendu sur cinq échoue ou nécessite une nouvelle tentative, alors soumettez tôt et prévoyez une journée de marge. Un rendu échoué rend automatiquement le temps réservé, sans ticket nécessaire.

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.