Guides

Comment créer un site portfolio qui vous fait décrocher des missions

Pour créer un site portfolio qui vous fait décrocher des missions, choisissez vos quatre à huit meilleurs projets pour le public que vous voulez atteindre, présentez chacun comme une courte histoire — le problème, ce que vous avez fait, le résultat — et rendez-vous facile à contacter depuis chaque page. Gardez-le rapide, surtout s'il est riche en images, et placez-le sur un domaine à votre nom. L'outil compte moins que la sélection et la rédaction.

Commencer par se demander qui regarde

Un portfolio est une page de vente où votre travail est le produit. Avant de choisir une mise en page, décidez qui vous voulez embaucher et ce qu'il doit voir :

PublicCe qu'il recherchePar quoi commencer
Responsables de recrutement (postes en interne)La preuve que vous savez faire le travail et travailler en équipeDes études de cas montrant la démarche, la collaboration et les résultats
Clients freelanceLa preuve que vous savez résoudre leur type de problème, et ce que cela coûteDes projets pertinents, des services, un moyen simple de demander un devis
Agences et directeurs artistiquesLe goût, l'étendue et la cohérenceDes visuels forts, une grille épurée, peu de texte sur la page d'accueil
Galeries ou éditeursUn ensemble cohérent de travauxDes séries et des collections plutôt que des pièces isolées

Si vous vous adressez à deux publics très différents — par exemple des postes de design produit et de l'illustration freelance —, pensez à des sections distinctes, voire à des sites séparés, pour que personne n'ait à chercher.

Ce qu'il faut inclure

Les travaux

Choisissez moins de projets, mais de meilleure qualité. Retirez tout ce que vous ne voudriez pas refaire. Placez en premier votre pièce la plus forte et la plus pertinente ; beaucoup de visiteurs ne dépassent jamais la première rangée.

Pour les designers et les développeurs, les meilleurs projets deviennent des études de cas. Une structure utile :

  1. Le problème — une ou deux phrases sur la situation et les personnes touchées.
  2. Votre rôle — ce que vous avez fait, et ce que les autres ont fait. Soyez précis ; l'exagération se repère facilement en entretien.
  3. La démarche — quelques décisions clés, avec croquis, maquettes ou extraits de code.
  4. Le résultat — ce qui a été livré, et tout effet que vous pouvez énoncer honnêtement. Si vous ne pouvez pas partager de chiffres, décrivez le changement de façon qualitative.

Pour les photographes et les illustrateurs, les images font l'essentiel du travail. Regroupez-les en ensembles clairs (mariages, produit, éditorial), gardez des légendes courtes et laissez respirer la grille.

À propos et contact

La section À propos doit dire qui vous êtes, ce que vous faites, pour qui vous le faites, et où vous êtes basé ou si vous travaillez à distance. Une vraie photo aide. Le moyen de vous contacter doit être évident depuis chaque page : un court formulaire, une adresse e-mail, ou un lien pour réserver un appel. Si vous prenez des rendez-vous, indiquez comment.

Pages facultatives

  • Services et tarifs — utile aux freelances qui veulent filtrer les demandes peu adaptées.
  • CV ou résumé — utile aux personnes en recherche d'emploi ; un PDF téléchargeable accompagné d'une version en ligne est courant.
  • Écrits ou notes — ne valent la peine que si vous les tenez à jour. Un blog abandonné depuis des années nuit davantage qu'une absence de blog.
  • Témoignages — uniquement des témoignages réels, avec autorisation.

Décisions et compromis

Site statique ou application ? La plupart des portfolios sont des sites simples centrés sur le contenu et n'ont pas besoin de base de données. N'en ajoutez une que s'il y a une raison : un formulaire de contact qui enregistre les demandes, une galerie que vous mettez souvent à jour depuis une page d'administration, ou une sélection par les clients où ils choisissent les photos.

Où vivent les images. Les grosses images sont la principale cause de lenteur des portfolios. Redimensionnez et compressez avant de téléverser, servez des formats modernes et chargez les images en différé au fil du défilement. Pour une galerie importante ou qui change souvent, stockez les images dans un véritable stockage de fichiers plutôt que de les intégrer au code du site.

Comment vous allez le mettre à jour. Soyez honnête à ce sujet. Si vous ajoutez des travaux chaque mois, il vous faut un moyen simple de le faire — une page d'administration, un CMS, ou un créateur que vous êtes à l'aise pour modifier. Si vous mettez à jour deux fois par an, modifier directement le site suffit.

Visibilité dans les recherches. Si vous voulez qu'on vous trouve en cherchant votre nom, votre métier et votre ville, la page a besoin de vrai texte, de titres bien structurés, de titres et descriptions uniques pour chaque page, et de textes alternatifs descriptifs pour les images. Voir le référencement des sites web créés avec l'IA.

Un prompt de départ pour un créateur IA

Un bon prompt précise le public, les pages, les travaux et le style :

Crée un site portfolio pour Lena Park, designer produit qui recherche des postes internes seniors dans des entreprises SaaS. Pages : Accueil avec une courte présentation et une grille de 5 études de cas ; un modèle de page d'étude de cas avec des sections pour le problème, mon rôle, la démarche (avec galerie d'images) et le résultat ; À propos avec une photo, une courte biographie et le téléchargement de mon CV ; Contact avec un formulaire simple (nom, e-mail, message) qui enregistre dans une base de données et affiche un message de remerciement. Style : calme et minimaliste, beaucoup d'espace blanc, une couleur d'accent, des caractères grands et lisibles. Bien adapté aux téléphones. Utilise des projets factices clairement identifiés que je pourrai remplacer un par un.

Remplacez ensuite les projets factices un par un, plutôt que de coller tout votre contenu dans un seul message. C'est plus facile à vérifier, et l'IA règle mieux chaque page.

Pour d'autres méthodes de prompt, voir comment rédiger des prompts pour les créateurs d'applications IA.

Étapes de création

  1. Choisissez le public et les projets avant de toucher à un outil.
  2. Rédigez les textes de chaque étude de cas dans un document d'abord : problème, rôle, démarche, résultat.
  3. Préparez les images — recadrez, redimensionnez et compressez-les. Nommez les fichiers de façon claire.
  4. Générez ou choisissez une mise en page de départ. Parcourir les modèles de portfolio est un moyen rapide de voir quel style convient à vos travaux.
  5. Construisez d'abord la page d'accueil et une étude de cas, soignez-les, puis répétez le modèle.
  6. Ajoutez À propos et le contact. Testez le formulaire de contact de bout en bout.
  7. Vérifiez sur téléphone. Les portfolios cassent souvent sur petit écran : grilles serrées, images énormes, légendes minuscules.
  8. Ajoutez les bases du référencement et une image de partage, pour que vos liens soient bien présentés lorsque vous les envoyez.
  9. Publiez et connectez votre domaine. Voir comment connecter un domaine personnalisé.
  10. Demandez à deux personnes de votre public cible de le regarder pendant trente secondes et de vous dire ce que vous faites. Si elles n'y arrivent pas, corrigez la page d'accueil.

Erreurs courantes

  • Tout montrer. Les projets faibles diluent les forts. Faites une sélection.
  • Des images sans contexte. Pour le design et le développement, une capture d'écran sans le problème ni votre rôle ne dit pas grand-chose à un responsable de recrutement.
  • Des pages lentes et lourdes. Des images pleine résolution non compressées donnent une impression de site cassé sur les données mobiles.
  • Une navigation astucieuse. Les menus inhabituels et les effets de défilement peuvent être amusants, mais pas si les visiteurs ne trouvent ni vos travaux ni votre e-mail.
  • Des coordonnées cachées. Placez un lien de contact dans l'en-tête et le pied de page de chaque page.
  • Montrer des travaux clients sans autorisation. Vérifiez les contrats et les accords de confidentialité ; rendez le projet anonyme ou décrivez-le si nécessaire.
  • Ne jamais le mettre à jour. Des travaux datés et un « dernier projet » vieux de plusieurs années envoient le mauvais signal.

Coûts

Les frais courants d'un portfolio personnel sont en général modestes : un nom de domaine renouvelé chaque année, et l'hébergement. Les sites riches en images coûtent un peu plus cher si vous stockez et servez beaucoup de gros fichiers. Les créateurs de sites facturent souvent un abonnement mensuel qui inclut l'hébergement ; créer le vôtre peut être moins cher, mais vous devez le maintenir. Vérifiez les tarifs actuels sur le site de chaque prestataire, car ils changent.

Quand un produit clé en main est le meilleur choix

Les plateformes de portfolio et les créateurs de sites avec des thèmes portfolio conviennent si vous voulez un résultat soigné rapidement, préférez un éditeur visuel et n'avez besoin de rien de spécifique. Les photographes qui vendent des tirages ou livrent des galeries à leurs clients peuvent être mieux servis par une plateforme photo dédiée qui gère déjà la sélection et la vente de tirages. Créez le vôtre lorsque vous voulez un design distinctif, avez besoin d'une fonction que les plateformes n'offrent pas, souhaitez présenter du code ou des travaux interactifs directement, ou voulez simplement posséder le site.

Le créer avec Mythex

Mythex peut créer un portfolio à partir d'une description comme le prompt ci-dessus. Vous le voyez dans un aperçu en direct avec un cadre à la taille d'un téléphone, affinez la mise en page et les textes dans le chat, et publiez sur yourname.mythex.app. Si vous voulez un formulaire de contact qui enregistre les demandes, Mythex ajoute une base de données au projet ; pour les galeries d'images, il peut utiliser le stockage de fichiers du projet afin que les photos ne soient pas intégrées au code. Avec le forfait Pro, vous pouvez acheter un domaine dans Mythex ou connecter un domaine que vous possédez déjà, et exporter le code ou le synchroniser avec GitHub si vous voulez l'héberger ailleurs plus tard.

La documentation couvre ce cas d'usage dans le portfolio et explique le stockage de fichiers. Vous pouvez aussi partir du créateur de site portfolio IA ou d'un style précis, comme les modèles portfolio développeur ou portfolio photo.

Questions

Combien de projets un portfolio doit-il présenter ?

En général, quatre à huit projets solides suffisent. Une petite sélection de vos meilleurs travaux, les plus pertinents, est plus convaincante qu'une longue liste incluant des travaux plus faibles.

Quelles pages un site portfolio doit-il contenir ?

Au minimum une page d'accueil avec vos meilleurs travaux, une page ou une section pour chaque projet phare, une section À propos et un moyen clair de vous contacter. Ajoutez une page CV, services ou tarifs seulement si votre public en a besoin.

Ai-je besoin d'un nom de domaine personnalisé pour mon portfolio ?

Ce n'est pas obligatoire, mais un domaine à votre nom fait plus professionnel, est plus facile à retenir et reste à vous si vous changez de plateforme. Les domaines s'enregistrent chaque année et coûtent en général peu cher.

Un portfolio de développeur doit-il renvoyer vers GitHub ?

Oui, mais ne vous y fiez pas uniquement. Rédigez une courte étude de cas pour vos meilleurs projets expliquant le problème, votre rôle et le résultat, puis reliez-y le code et la démo en ligne.

Puis-je créer un site portfolio avec l'IA ?

Oui. Vous pouvez décrire les pages, le style et les projets à un créateur de site ou d'application IA, puis affiner le résultat dans le chat. Vous devez quand même fournir vos véritables travaux, vos images et l'histoire de chaque projet.

Mythex · Pricing · Créez tout avec l'IA · Modèles de sites et d'applications · Mythex comparé · Glossaire de la création d'applications avec l'IA · Outils gratuits pour créer des applications avec l'IA · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands ਪੰਜਾਬੀ Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)