Votre formation est validée, le certificat trône sur LinkedIn, et pourtant les réponses aux candidatures se font rares. Le souci est rarement le diplôme. Dans le numérique, un recruteur veut voir ce que vous savez faire, pas seulement lire que vous l’avez appris. C’est le rôle du portfolio : une petite vitrine, trois ou quatre projets bien racontés, et un lien qu’on colle partout. Ce guide explique comment le construire en quelques semaines, que vous visiez le développement web, la data, le design ou le marketing digital.
Pourquoi un portfolio pèse plus lourd qu’un CV dans le numérique#
Un CV liste des compétences. Un portfolio les prouve. Quand vous écrivez « maîtrise de React » ou « bonne connaissance de Power BI », le recruteur n’a aucun moyen de vérifier. Quand vous lui envoyez un lien vers une application en ligne ou un tableau de bord qu’il peut manipuler, la discussion change de nature.
C’est encore plus vrai pour les profils en reconversion. Face à un candidat qui sort d’une école d’ingénieurs, vous n’avez pas le même papier. En revanche, vous pouvez avoir de meilleurs projets. J’ai vu des recruteurs convoquer une ancienne assistante de direction plutôt qu’un bac+5 parce qu’elle avait automatisé la gestion des congés de son ancien service avec Airtable et Make, et qu’elle l’expliquait en deux paragraphes limpides.
Ne comptez pas pour autant sur une lecture attentive. Le premier passage sur un portfolio dure quelques dizaines de secondes, rarement plus de deux minutes. Le recruteur RH regarde la présentation et la clarté ; le manager technique, lui, ouvrira peut-être le code ou les fichiers plus tard, si la première impression a tenu. Tout l’enjeu consiste donc à être compris très vite.
Pour la partie CV, notre article sur la façon de valoriser une formation en ligne sur son CV complète bien ce guide : les deux documents se répondent.
Choisir les bons projets (et en montrer moins)#
L’erreur classique, c’est le portfolio fourre-tout : quinze projets, dont la calculatrice JavaScript, le clone de Netflix vu dans tous les bootcamps et trois exercices de cours. Un recruteur qui tombe là-dessus ne sait pas quoi regarder, alors il ne regarde rien.
Visez trois à cinq projets, pas plus. Chacun doit répondre à au moins un de ces critères :
- Il résout un vrai problème. Un outil de suivi de budget pour une association, un site pour le gîte de vos parents, un script qui nettoie un export comptable. Un besoin réel, même modeste, vaut mieux qu’un exercice générique.
- Il correspond au poste visé. Vous ciblez la data ? Montrez de l’analyse, pas un site vitrine. Vous voulez travailler en agence web ? Montrez des sites rapides, responsive et accessibles.
- Il montre une progression. Un projet plus ambitieux que le précédent raconte que vous apprenez vite, ce qui rassure beaucoup sur un profil junior.
Astuce : si vous n’avez aucun « vrai » client, inventez une contrainte réaliste. « Refaire le site de la boulangerie de mon quartier pour qu’il charge en moins de deux secondes sur mobile » est déjà beaucoup plus parlant que « site vitrine HTML/CSS ».
Voici ce qui fonctionne selon le métier visé :
| Métier visé | Projets qui marchent | Format à privilégier |
|---|---|---|
| Développeur web | Application déployée avec authentification, API consommée, site client réel | Site perso + dépôts GitHub soignés |
| Data analyst | Tableau de bord Power BI ou Looker Studio sur données publiques, analyse SQL commentée | Notebook ou rapport en ligne + captures |
| UX/UI designer | Refonte d’une app existante avec recherche utilisateur, prototype Figma cliquable | Études de cas détaillées |
| Marketing digital | Campagne réelle (même avec 50 euros de budget), audit SEO d’un site, newsletter lancée | Études de cas avec chiffres |
| No-code / automatisation | Workflow Make ou n8n documenté, outil interne sous Airtable ou Bubble | Vidéo courte + schéma du workflow |
Les données publiques sont une mine pour les profils data : data.gouv.fr, les jeux de l’Insee, les données ouvertes de votre ville. Une analyse des prix de l’immobilier dans votre département sera toujours plus mémorable que le énième jeu de données du Titanic.
Raconter chaque projet comme une étude de cas#
Un projet sans explication, c’est une image muette. Ce qui distingue un bon portfolio d’un portfolio moyen tient souvent à quelques paragraphes de texte bien construits. Pour chaque projet, gardez cette trame :
- Le contexte : pour qui, quel problème, quelles contraintes (temps, budget, outils imposés).
- Votre rôle : seul ou en équipe ? Si c’était un projet de groupe en formation, dites précisément ce que vous avez fait vous.
- Les choix : pourquoi Next.js plutôt que WordPress, pourquoi un histogramme plutôt qu’un camembert. C’est là que le manager technique vous juge.
- Le résultat : un chiffre si possible (temps de chargement divisé par trois, 12 heures de saisie économisées par mois, taux d’ouverture de 41 %), sinon un retour concret de l’utilisateur.
- Ce que vous referiez autrement : deux ou trois lignes, pas plus. Ça paraît contre-intuitif d’exposer ses faiblesses, mais c’est justement ce que les profils seniors apprécient, parce que ça prouve du recul.
Un mot sur les chiffres : n’en inventez jamais. Les recruteurs recoupent, et une métrique gonflée découverte en entretien vous coûte bien plus cher qu’une absence de métrique. « Le site a reçu 300 visites le premier mois » est modeste, mais c’est vrai, et ça se défend.
Attention : pour un projet réalisé chez un ancien employeur, vérifiez ce que vous avez le droit de montrer. Anonymisez les données, floutez les noms de clients, et en cas de doute, présentez la démarche sans les livrables.
Pour les designers, la logique de l’étude de cas est d’ailleurs la colonne vertébrale du métier. Les principes essentiels de l’UX/UI s’appliquent aussi à la mise en page de votre propre portfolio : hiérarchie visuelle, lisibilité, parcours évident.
Où héberger son portfolio : les options gratuites ou presque#
Pas besoin de budget pour démarrer. Le tableau ci-dessous résume les plateformes les plus utilisées en 2026 :
| Plateforme | Pour qui | Prix | Point fort | Limite |
|---|---|---|---|---|
| GitHub Pages | Développeurs | Gratuit | Prouve que vous savez déployer | Demande un peu de technique |
| Netlify / Vercel | Développeurs front | Gratuit pour un usage perso | Déploiement automatique à chaque commit | Interface en anglais |
| Behance | Designers, graphistes | Gratuit | Visibilité dans la communauté créative | Peu adapté aux profils tech |
| Dribbble | UI designers | Gratuit, options payantes | Forte présence des recruteurs design | Met en avant le visuel plus que la démarche |
| Notion | Tous profils, surtout no-code et marketing | Gratuit | Mise en ligne en une heure | Personnalisation limitée, URL peu flatteuse |
| Site perso (WordPress, Webflow, Framer) | Tous profils | 0 à 15 euros par mois | Liberté totale, domaine à votre nom | Plus de temps de mise en place |
Mon avis, assumé : si vous visez un poste de développeur, codez votre portfolio vous-même et hébergez-le sur GitHub Pages ou Netlify. C’est un projet de plus dans la liste, et le recruteur voit immédiatement que vous savez mettre quelque chose en production. Notre tutoriel Git et GitHub pour les débutants couvre les bases nécessaires.
Pour tous les autres profils, une page Notion propre ou un site Framer fait parfaitement l’affaire. Personne ne reprochera à une data analyst de ne pas avoir codé son site à la main.
Un investissement vaut quand même ses 10 à 15 euros par an : un nom de domaine à votre nom (prenom-nom.fr ou prenomnom.dev). Ça fait plus sérieux sur un CV, ça se retient, et vous gardez l’adresse même si vous changez d’hébergeur.
La structure d’une page qui se lit en 30 secondes#
Le recruteur arrive sur votre page. Voici ce qu’il doit trouver, dans cet ordre :
- En haut, une phrase de positionnement. Pas « développeur passionné à la recherche de nouveaux défis », formule que tout le monde utilise et que plus personne ne lit. Plutôt : « Développeuse front-end React, spécialisée dans les sites rapides et accessibles pour les PME. » Précis, vérifiable, mémorable.
- Juste en dessous, vos projets. Une vignette, un titre, une ligne de description, un lien vers l’étude de cas. Le projet le plus fort en premier.
- Une courte section « À propos ». Quatre ou cinq lignes. C’est ici que votre parcours de reconversion devient un atout : dix ans dans la logistique, c’est une connaissance métier que les autres candidats n’ont pas.
- Les compétences, sans barres de progression. Les jauges « JavaScript 80 % » ne veulent rien dire et agacent la plupart des recruteurs techniques. Une simple liste d’outils suffit.
- Un contact visible. E-mail, LinkedIn, GitHub si pertinent. Un formulaire seul, c’est une étape de plus qu’on vous évitera volontiers.
<!-- Exemple minimal de bloc projet, à adapter -->
<article class="projet">
<img src="/img/gite-dashboard.webp" alt="Tableau de bord des réservations du gîte" loading="lazy">
<h3>Gestion des réservations d'un gîte familial</h3>
<!-- Une ligne qui dit le problème ET le résultat -->
<p>Remplacement d'un tableur partagé par une app Airtable : 0 double réservation depuis mars.</p>
<a href="/projets/gite/">Lire l'étude de cas</a>
</article>[Capture d’écran suggérée : exemple de page d’accueil de portfolio avec positionnement, trois vignettes de projets et bloc contact]
Testez ensuite votre page sur un téléphone. Une bonne partie des recruteurs ouvre les liens depuis leur mobile, entre deux réunions. Si les images débordent ou si le menu ne s’ouvre pas, la visite s’arrête là.
Les erreurs qui font fuir (et comment les corriger)#
Quelques pièges reviennent sans arrêt dans les portfolios de fin de formation :
- Les liens cassés. C’est la première chose vérifiée, et la plus éliminatoire. Une démo hébergée sur une offre gratuite qui s’est mise en veille, un dépôt passé en privé : relisez vos liens avant chaque vague de candidatures.
- Le README vide. Sur GitHub, un dépôt sans description ni instructions d’installation donne l’impression d’un travail abandonné. Dix lignes suffisent : ce que fait le projet, comment le lancer, une capture.
- Le portfolio figé. Un site dont le dernier projet date d’il y a deux ans laisse penser que vous avez arrêté d’apprendre. Ajoutez ou remplacez un projet tous les trois ou quatre mois.
- Les projets tutoriels non retouchés. Suivre un tuto, c’est normal. Le publier tel quel, beaucoup moins. Ajoutez au minimum une fonctionnalité de votre cru et dites-le.
- Les fautes d’orthographe. Ça a l’air anecdotique, mais sur un document censé prouver votre sérieux, elles coûtent cher. Faites relire par quelqu’un.
Si vous visez le freelance plutôt que le salariat, le portfolio devient carrément votre outil commercial principal. Dans ce cas, ajoutez une ligne sur ce que vous proposez et pour qui, comme on l’explique dans le guide pour se lancer en freelance après une formation numérique.
Vos prochaines étapes#
Inutile d’attendre d’avoir le portfolio parfait. Une version honnête en ligne vaut mieux qu’une version idéale qui reste dans un dossier. Concrètement, sur les trois prochaines semaines :
- Semaine 1 : choisissez trois projets, et rédigez pour chacun l’étude de cas en suivant la trame contexte, rôle, choix, résultat, recul.
- Semaine 2 : achetez votre nom de domaine, montez la page sur la plateforme adaptée à votre métier, testez sur mobile.
- Semaine 3 : faites relire par deux personnes (dont une hors du numérique), corrigez, puis ajoutez le lien sur votre CV, votre profil LinkedIn et votre signature e-mail.
Et si vous hésitez encore sur le métier à cibler, ce qui change complètement le choix des projets, jetez un œil aux métiers du numérique accessibles sans diplôme d’ingénieur avant de vous lancer.
