Aller au contenu
Guide7 min de lecture

Vidéo de démo de portfolio Lovable

Une capture d'écran prouve que vous savez concevoir. Une vidéo prouve que ça fonctionne.

Ajoutez un projet Lovable à un portfolio avec une courte vidéo qui montre l'application en fonctionnement plutôt qu'une capture d'écran statique.

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 entrée de portfolio qui n'est qu'une capture d'écran demande à un spectateur d'imaginer le reste. Une entrée de portfolio avec une courte vidéo supprime l'imagination. Quelqu'un qui décide d'embaucher un créateur Lovable, ou de faire confiance à un freelance pour le prochain projet, essaie de répondre à une seule question : est ce que le travail de cette personne fonctionne réellement, ou est ce qu'il a simplement l'air bien sur une image fixe. Une vidéo répond directement à cette question, d'une façon qu'une image statique ne peut pas.

Cette distinction compte davantage pour un créateur travaillant avec un outil assisté par IA qu'elle ne pourrait compter pour un développeur traditionnel avec un historique GitHub vers lequel pointer. Une application générée peut avoir l'air soignée sur une capture d'écran, que le flux sous jacent fonctionne réellement de bout en bout ou non. Une vidéo comble cet écart de crédibilité, car elle montre l'interaction, pas seulement la mise en page.

Le scepticisme envers les constructions assistées par IA est une chose réelle contre laquelle un portfolio doit lutter, que ce scepticisme soit juste ou non. Un spectateur qui soupçonne que l'interface est plus du polissage que de la fonction cherchera exactement le genre de preuve qu'une capture d'écran statique ne peut pas fournir. Montrer le flux complet depuis un vrai état de départ, sans une coupe qui cache une étape, répond directement à ce scepticisme plutôt que de demander au spectateur de croire le créateur sur parole.

Pourquoi une application fonctionnelle bat elle une capture d'écran dans un portfolio ?

Une capture d'écran est une affirmation sur l'apparence d'un écran. Une vidéo est une preuve du comportement de l'application. Un spectateur qui évalue un portfolio, que ce soit pour une décision d'embauche ou un nouveau projet, se soucie davantage du comportement que de l'apparence, car l'apparence est facile à truquer avec un cadrage soigné et le comportement ne l'est pas.

Format de portfolioCe qu'il montreCe qu'il ne peut pas montrer
Capture d'écran statiqueLe design visuel et la mise en pageSi l'interaction fonctionne réellement
Étude de cas écriteLe contexte et le raisonnement derrière une décisionÀ quoi ressemble le résultat fini en mouvement
Courte vidéoLe flux fonctionnant de l'entrée au résultatLe détail technique complet de la construction

C'est une tâche différente d'une vidéo de page de destination, qui doit convaincre un inconnu de faire confiance à un produit. Une vidéo de portfolio doit convaincre un inconnu de faire confiance à la compétence d'une personne, ce qui change ce qui compte comme le bon flux à montrer.

Cette distinction façonne la légende autant que les images. Une vidéo de page de destination vend le produit selon ses propres termes. Une vidéo de portfolio vend le créateur à travers le produit, donc la légende doit renvoyer vers la décision ou la technique derrière le flux, pas simplement décrire ce qui se passe à l'écran.

Comment choisir le flux à mettre en avant ?

Choisissez le flux qui démontre le mieux la compétence précise que cette entrée est censée mettre en valeur, pas le flux qui se trouve être le plus fini. Si le portfolio est censé montrer un design d'interaction fort, choisissez un flux avec des changements d'état significatifs plutôt qu'un formulaire statique. S'il est censé montrer la capacité à construire rapidement quelque chose de fonctionnellement complet, choisissez le flux qui prouve le mieux que l'application fait ce qu'elle prétend depuis un départ à froid.

  • Identifiez la compétence ou le jugement que cette entrée est censée démontrer.
  • Choisissez le flux qui montre le plus directement cette compétence, pas le plus riche en fonctionnalités.
  • Confirmez que le flux se termine proprement depuis un état neuf.
  • Coupez tout ce qui est sans rapport avec le propos que fait l'entrée.

Une vidéo de galerie de lancement et une vidéo de mise à jour client sont toutes deux délimitées par une question extérieure que quelqu'un d'autre pose. Une entrée de portfolio est délimitée par ce que le créateur veut prouver sur son propre travail, ce qui est un choix plus délibéré et qui mérite un vrai temps.

Pensez à l'entrée comme un argument plutôt qu'un résumé. Un résumé essaie de couvrir tout ce que fait le projet. Un argument choisit la seule affirmation que le créateur veut faire croire à un spectateur, comme cette personne peut transformer un brief vague en un flux fonctionnel rapidement, puis choisit des images qui soutiennent exactement cette affirmation et rien de plus.

Qu'est ce qui doit être vrai avant que le projet ne devienne public ?

Confirmez que le projet est réellement dégagé pour un usage public avant d'enregistrer quoi que ce soit. Un travail fait pour un client nécessite une permission explicite avant d'apparaître dans un portfolio, et même avec permission, il ne doit jamais montrer les vraies données du client, son vrai nom, ou une image de marque non approuvée. Un portfolio construit sur du contenu client visible sans consentement est un problème de confiance qui dure plus longtemps qu'une seule vidéo, et c'est le genre d'erreur difficile à défaire une fois qu'une vidéo a déjà été partagée publiquement.

Un projet personnel ou secondaire porte moins de risque mais mérite quand même le même passage. Vérifiez que toute donnée d'exemple dans l'application a été inventée pour l'occasion, pas tirée d'un vrai compte ou d'une vraie personne, même si cette personne ne s'en soucierait probablement pas. L'habitude de vérifier vaut plus que le jugement porté sur un projet particulier.

  1. Choisissez le seul flux qui démontre le mieux la compétence que cette entrée de portfolio est censée montrer.
  2. Confirmez que le projet est dégagé pour un usage public sans donnée client ni image de marque non approuvée visible.
  3. Enregistrez le flux et ajoutez une courte légende nommant ce qu'un spectateur regarde et pourquoi cela compte.

Pour un projet inachevé, résistez à la tentation de montrer plus que ce qui fonctionne réellement. Un flux court qui se termine proprement en dit plus sur la compétence qu'un flux plus long qui trébuche sur une aspérité à mi parcours. Le guide de la présentation guidée de relecture d'application couvre une situation liée où le public vérifie la construction par rapport à une spécification plutôt que de juger la compétence générale d'un créateur.

Gardez un registre de la version du projet sur laquelle la vidéo a été enregistrée. Les projets de portfolio continuent parfois de changer après la mise en ligne de l'entrée, et un spectateur qui clique vers un lien en direct qui ne correspond plus à la vidéo remarquera l'écart. Une courte note de la date d'enregistrement de la vidéo protège contre ce genre de dérive sans exiger que la vidéo soit refaite à chaque changement du projet.

Comment la vidéo doit elle être cadrée pour un spectateur qui parcourt rapidement ?

La plupart des spectateurs de portfolio vont vite. Un responsable du recrutement ou un client potentiel avec une pile d'entrées à passer en revue ne lira pas une longue description écrite avant de décider de regarder. Une courte légende au dessus de la vidéo, nommant ce que le spectateur est sur le point de voir et pourquoi cela compte, fait plus de travail qu'un paragraphe de texte que le spectateur passera probablement.

Pour un créateur qui assemble un portfolio sur plusieurs plateformes, le guide de la vidéo de page de destination Replit, le guide de la vidéo de lancement Product Hunt Replit, et le guide de partage Replit avec un client couvrent les situations équivalentes sur une autre pile, et le guide de la démo de portfolio Replit couvre directement ce même problème là bas. Une liste de vérification de vidéo de démo SaaS plus large est une référence utile avant d'enregistrer l'une de ces vidéos. Si le flux montré provient d'un changement accepté, le guide de la vidéo de démo de PR d'un agent IA couvre un cas lié plus étroit, et le guide de la vidéo de relecture produit d'un agent IA est pertinent quand une entrée de portfolio sert aussi de preuve pour une relecture formelle. Une vidéo de démo d'application de préproduction et une démo de ticket GitHub d'un agent IA couvrent toutes deux des situations adjacentes de pré sortie. Pour une comparaison avec un flux de travail d'enregistrement d'écran manuel, lisez GogoScreen contre Clueso. Consultez la tarification, parcourez le reste des guides et des comparaisons, ou commencez depuis la page d'accueil de GogoScreen.

Précisions

Avant de commencer

Pourquoi utiliser une vidéo plutôt qu'une capture d'écran dans un portfolio ?

Une capture d'écran ne montre qu'une mise en page. Une vidéo montre l'application répondant réellement à une entrée, ce qu'un responsable du recrutement ou un client potentiel essaie vraiment de juger.

La vidéo de portfolio doit elle montrer toute l'application ?

Non. Montrez le seul flux qui démontre le mieux la compétence ou le jugement que l'entrée du portfolio est censée mettre en avant, pas une visite complète des fonctionnalités.

Est il acceptable d'utiliser dans un portfolio un projet construit pour un client ?

Seulement avec permission, et jamais avec les vraies données, le vrai nom, ou l'image de marque réelle du client visibles, sauf s'il les a spécifiquement approuvés.

Que faire si le projet est encore incomplet ?

Montrez la partie qui fonctionne proprement et laissez le reste de côté. Un flux court et complet est une preuve de portfolio plus forte qu'un flux plus long qui se heurte à quelque chose d'inachevé.

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.