Comment créer votre portfolio en ligne avec le vibe coding ?

Un portfolio pour quel métier ?

Un bon portfolio met votre travail au premier plan et aide un client à vous contacter. Avec CodeMyVibe, vous n'êtes pas enfermé dans un thème : vous décrivez ce que vous voulez et l'agent l'adapte à votre métier.

• Illustrateurs et artistes : galerie filtrable par catégorie (édition, jeunesse, affiche), pages projet avec croquis et versions finales.
• Photographes : grandes images plein écran, séries par thème, page prestations et tarifs indicatifs.
• Designers graphiques et UX : études de cas avec le contexte, la démarche et le résultat.
• Freelances : rédacteurs, traducteurs, développeurs, consultants, avec références, services et témoignages clients.

Créer votre portfolio étape par étape

1. Choisissez de créer un site web et présentez-vous dans le chat : votre métier, votre style, le type de clients que vous visez.
2. Passez par le mode Planifier pour définir avec l'agent les pages et les catégories, sans toucher aux fichiers. Lancez ensuite la création en mode Créer.
3. Répondez aux questions que l'agent peut vous poser avec des options, par exemple sur la disposition de la galerie.
4. Joignez vos images directement dans le chat : vos meilleures œuvres, une photo de vous, votre logo.
5. Affinez la mise en page en pointant une image, un titre ou un espacement dans l'aperçu, comme dans un outil de design, et dites ce que vous voulez changer.
6. Montrez-le à quelques proches grâce à votre adresse d'aperçu privée https://votre-nom.previewmyvibe.com, accessible seulement à vous et aux personnes que vous autorisez, puis téléchargez le code pour le publier sur l'hébergement de votre choix.

Un exemple de demande, et pourquoi il marche

La demande d'exemple plus bas donne à l'agent tout ce dont il a besoin pour proposer un portfolio cohérent dès le premier essai.

• Le métier et le style : une illustratrice jeunesse aux couleurs douces, ce qui oriente la palette et la typographie.
• Les catégories précises : albums, affiches, ateliers, pour une galerie filtrable qui a du sens.
• Les pages attendues : galerie, page projet, à propos, contact.
• Une contrainte claire : les images d'abord, peu de texte.

Si vous aimez un portfolio existant, joignez une capture d'écran et expliquez ce qui vous plaît : la grille, l'espace blanc, la façon de présenter les projets. L'agent s'en inspirera sans le copier.

Ce que vous obtenez

• Une galerie soignée, avec filtres par catégorie et pages de détail pour chaque projet.
• Un panneau d'administration prêt pour ajouter de nouveaux projets, changer les textes et téléverser vos images sans passer par le chat.
• Le téléversement de fichiers : l'agent prévoit lui-même le stockage des images quand le projet en a besoin, et vous retrouvez tout dans l'onglet Backend.
• Un formulaire de contact dont les messages sont enregistrés et consultables dans l'administration.
• Un rendu impeccable sur mobile, car beaucoup de directeurs artistiques découvrent un portfolio depuis leur téléphone.
• Un QR code vers votre portfolio, à mettre sur vos cartes de visite ou sur votre stand en salon.

Conseils pour un portfolio qui décroche des contrats

• Sélectionnez. Mieux vaut douze projets forts que cinquante moyens. Vous pourrez en ajouter plus tard depuis l'administration.
• Racontez chaque projet. Demandez à l'agent une structure simple : le besoin du client, votre démarche, le résultat.
• Soignez la page À propos. Une photo, quelques lignes sincères et vos domaines d'intervention aident à créer la confiance.
• Gardez un style cohérent. Donnez deux ou trois couleurs et une ambiance, puis demandez des ajustements précis plutôt que de tout refaire.
• Comparez les versions. Chaque modification crée une version : vous pouvez tester une autre mise en page et revenir en arrière si besoin.

Quelle structure pour votre portfolio ?

Si vous ne savez pas par où commencer, voici une structure simple qui convient à la plupart des métiers créatifs. Vous pouvez la copier dans votre demande et l'adapter.

• Accueil : une phrase qui dit ce que vous faites et pour qui, puis une sélection de vos meilleurs projets.
• Galerie ou projets : une grille avec des filtres par catégorie, et une page dédiée pour chaque projet.
• À propos : votre parcours, votre façon de travailler, vos clients ou publications.
• Services : ce que vous proposez, éventuellement avec des fourchettes de délais.
• Contact : un formulaire court, votre e-mail et vos réseaux.

En mode Planifier, l'agent peut discuter avec vous de cette structure et proposer des variantes avant de construire quoi que ce soit.

Faire vivre votre portfolio

Pour publier votre portfolio, téléchargez depuis la page Publier le code source complet en ZIP, gratuitement, prêt pour Docker ou pour un hébergement classique, et installez-le chez l'hébergeur de votre choix. L'hébergement en un clic depuis CodeMyVibe arrive bientôt.

Une fois en ligne, ajoutez le lien à votre signature e-mail, à vos réseaux et à vos candidatures. Mettez à jour vos projets depuis le panneau d'administration à chaque nouveau contrat, ou demandez à l'agent une nouvelle section quand votre activité évolue.

Vous gardez la main sur votre travail : le code peut aussi être synchronisé avec GitHub, GitLab ou Bitbucket. Si vous aimez bricoler, l'éditeur de code intégré, le même que VS Code, vous permet aussi d'ajuster un détail à la main.

Questions fréquentes