Aller au contenu
Guide7 min de lecture

Vidéo de démo de portfolio Bolt

Prouvez que l application fonctionne, pas seulement qu une indication l a produite.

Transformez une application Bolt déployée en un élément de portfolio qui prouve qu'elle fonctionne, pas seulement qu'une indication a produit un écran.

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.

Un projet construit avec Bolt soulève un doute précis pour quiconque examine un portfolio : cela a t il réellement été construit, ou une indication a t elle simplement produit quelque chose qui a l'air fini sur une capture d'écran. Ce doute est légitime, puisqu'une image statique d'une interface générée ne dit rien sur le fonctionnement réel de l'application sous jacente. Une vidéo de portfolio répond directement à ce doute en montrant l'application faire quelque chose, ce qu'un processus de génération seul ne peut pas simuler.

La solution commence par l'endroit vers lequel pointe la vidéo. Un projet Bolt tourne généralement d'abord dans une session en bac à sable dans le navigateur pendant sa construction, et cette session n'est pas la même chose qu'une application déployée et accessible publiquement. Une entrée de portfolio destinée à rester en ligne pendant des mois bénéficie de l'option la plus durable : un véritable déploiement, le plus souvent vers une cible d'hébergement qui renvoie une adresse publique stable une fois le déploiement terminé. Enregistrer contre la session temporaire risque une entrée de portfolio qui cesse de se résoudre une fois que le créateur est passé au projet suivant.

C'est un mode d'échec différent d'un fichier vidéo cassé, et il est facile à manquer parce que rien dans la vidéo finie n'a l'air faux au moment de sa publication. La vidéo se lit correctement, le lien dans la légende semble raisonnable, et ce n'est que bien plus tard qu'un visiteur découvre qu'en cliquant, il n'aboutit nulle part. Un portfolio est destiné à être revisité sur une longue période, parfois des années après la rédaction de l'entrée, donc cela vaut la petite étape supplémentaire de confirmer le déploiement avant de considérer l'entrée comme terminée.

Que doit prouver la vidéo à propos de la construction ?

Prouvez que le résultat fonctionne, pas que le processus de génération était impressionnant. Un spectateur qui évalue un portfolio à des fins de recrutement ou de contrat veut être sûr que le produit fini fonctionne comme prévu, pas voir une démonstration de la rapidité avec laquelle il a pris forme. Montrez une interaction complète avec un résultat visible, de la même façon qu'un projet construit à la main serait montré.

Ce qu'un spectateur jugeCe que la vidéo doit montrer
Si l'application fonctionne réellementUne interaction complète avec un résultat visible
S'il s'agit d'un produit fini ou d'une ébaucheUn véritable résultat, pas un écran généré statique
Si le créateur peut être digne de confiance pour du vrai travailUne démonstration délibérée et ciblée, pas une visite précipitée

L'application a t elle besoin d'une connexion pour que la vidéo soit crédible ?

Pas nécessairement. De nombreuses applications construites avec Bolt n'ont aucune authentification câblée du tout, puisque rien n'a été explicitement ajouté pour en exiger une. C'est un état normal pour un prototype généré, pas une lacune à cacher. La vidéo doit refléter l'application telle qu'elle existe réellement plutôt que de laisser entendre une étape de connexion qui n'a jamais été construite.

Un créateur qui craint que cela ne donne une impression d'application inachevée peut répondre à cette inquiétude dans le texte du portfolio environnant plutôt que dans la vidéo elle même. Expliquer que la construction est un prototype centré sur une interaction principale, avec l'authentification délibérément hors périmètre pour l'instant, fixe une attente honnête. Le rôle de la vidéo reste le même dans les deux cas : montrer la seule chose qui existe et fonctionne, assez clairement pour que le spectateur n'ait pas à deviner ce qu'il regarde.

  1. Déployez l'application pour que l'entrée de portfolio pointe vers une URL stable et revisitable.
  2. Choisissez le seul résultat de l'application qui prouve le mieux que la construction fonctionne réellement.
  3. Rédigez une indication qui nomme exactement ce qui est à l'écran, pas ce que l'indication d'origine demandait.

Si l'application a bien une connexion pour un parcours précis qui mérite d'être montré, un compte de démonstration peut être fourni pour ce rendu. 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. GogoScreen prend l'URL déployée et l'indication d'une ligne, et renvoie un MP4 narré avec des sous titres, un lissage du curseur, des zooms sur les clics, et les temps morts supprimés, sans avoir besoin du code source de l'application ni de son historique de génération. Ce dernier point mérite d'être répété, puisqu'un relecteur pourrait autrement supposer que le processus de rendu inspecte le code sous jacent, alors qu'en réalité il utilise l'application en fonctionnement de la même façon qu'un visiteur humain le ferait.

Pourquoi l'indication doit elle décrire l'écran, pas l'indication de génération ?

L'indication dont un outil de rendu a besoin porte sur ce qui est actuellement à l'écran et ce qui doit se passer ensuite, pas sur une reformulation de l'indication de génération d'origine. Une indication comme « montre l'application que j'ai construite avec un gestionnaire de tâches » décrit une intention, pas une action, et produit un résultat vague. Une indication comme « ouvre la liste des tâches, marque une tâche comme terminée, et montre la passer dans la colonne terminé » donne une cible précise et vérifiable.

Cette distinction compte davantage pour Bolt en particulier parce que l'histoire de la génération peut être tentante à invoquer. C'est une chose raisonnable à mentionner dans le texte environnant du portfolio, mais la vidéo elle même doit se suffire à elle même comme preuve que le résultat fonctionne, indépendamment de la façon dont il a été fait.

Comment cela se compare t il d'un créateur à l'autre ?

Le côté relecteur d'une application Bolt a ses propres considérations distinctes, couvertes dans le guide de la présentation guidée de relecture Bolt, puisqu'un relecteur a déjà un contexte qu'un visiteur de portfolio n'a pas et juge une demande précise plutôt que de se former une première impression. Pour la question équivalente de portfolio sur une application v0, le guide de la vidéo de page de destination v0, le guide de la vidéo de lancement Product Hunt v0, le guide pour partager un projet v0 avec un client, et le guide de la démo de portfolio v0 couvrent l'ensemble parallèle de moments, où le résultat généré peut pencher davantage vers l'interface qu'une logique back end câblée.

Au delà des pages propres à chaque créateur, le guide de la vidéo de démo d'annonce produit est utile une fois qu'une entrée de portfolio devient un véritable produit livré, et le guide de la vidéo de démo d'une application créée par agent couvre la question plus large de démontrer n'importe quelle application générée par IA quel que soit l'outil précis qui l'a construite. Ce cadrage plus large compte ici parce qu'un visiteur de portfolio se soucie rarement de savoir quel créateur a produit l'application, seulement de savoir si le résultat devant lui fonctionne réellement comme la vidéo le prétend.

Où mène une vidéo de portfolio convaincante ensuite ?

Une entrée de portfolio convaincante devient souvent la première pièce de preuve dans une conversation plus large, que ce soit un processus de recrutement, un argumentaire de levée de fonds, ou une passation à un collaborateur.

  • Une conversation de recrutement, où la vidéo répond à « est ce que cela fonctionne réellement » avant même qu'un appel ne commence.
  • Une conversation avec un investisseur, où la même preuve soutient un argumentaire plus large.
  • Une passation à un autre créateur, où la vidéo établit le point de départ du travail transmis.

Chacun de ces publics réutilise la même preuve sous jacente pour un usage différent, ce qui est une raison de plus pour garder la vidéo d'origine centrée sur un résultat réel et vérifiable plutôt que quelque chose de mis en scène pour le seul portfolio. Un recruteur, un investisseur et un futur collaborateur posent tous, en fin de compte, la même question avec des mots différents : est ce que la chose devant moi fait réellement ce qu'elle prétend, et une vidéo construite autour d'un résultat authentique répond aux trois sans avoir besoin d'être refaite pour chaque public.

Le guide de la vidéo de démo pour investisseur d'un agent IA et le guide de la vidéo de démo de pitch de startup couvrent spécifiquement le contexte de levée de fonds, et le guide de la vidéo de démo de passation d'agent couvre la transmission d'une construction à quelqu'un d'autre. Pour une comparaison d'outils construits pour ce type de capture, voir GogoScreen face à Screen Studio. Consultez les tarifs, parcourez le reste des guides et des comparaisons, ou partez de la page d'accueil de GogoScreen pour essayer le flux de travail sur votre propre application déployée.

Précisions

Avant de commencer

Une entrée de portfolio Bolt doit elle être déployée ?

Une URL stable et déployée est la base la plus sûre pour une entrée de portfolio destinée à être revisitée plus tard, plutôt que la session temporaire dans le navigateur utilisée pendant la construction.

La vidéo doit elle montrer l'indication qui a généré l'application ?

Non. Une vidéo de portfolio doit montrer le résultat en fonctionnement, pas le processus de génération. L'indication n'est pas une preuve que l'application fonctionne.

Que faire si l'application n'a aucune connexion du tout ?

C'est courant pour une application Bolt sans rien d'explicitement câblé pour l'authentification. La vidéo doit s'ouvrir directement sur l'écran principal de l'application dans ce cas, sans laisser entendre qu'une étape de connexion existe.

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.