Un CV liste des compétences, un portfolio les prouve. Pour un stage en développement web, c'est souvent la seule chose qui différencie deux candidats au même niveau technique. Les recruteurs passent en moyenne quelques secondes sur un CV, mais ils scrutent un portfolio projet par projet. L'objectif n'est pas d'en mettre plein la vue avec des animations flashy, mais de montrer que vous savez livrer un produit fini, propre et fonctionnel. Voici comment construire un portfolio qui transforme un "peut-être" en "quand pouvez-vous commencer ?".
Quels projets choisir pour un portfolio de stage ?
La tentation est grande de fourrer tous vos exercices d'école, vos clones de sites connus et vos petits scripts JavaScript dans le même panier. C'est une erreur. Un portfolio de développeur web pour un stage doit être chirurgical. Sélectionnez 3 à 5 projets maximum, mais faites en sorte que chacun raconte quelque chose de différent sur vos compétences.
Un projet front-end avec React ou Vue.js, un projet back-end avec une API (Node.js, PHP, Python), et un projet full-stack qui relie les deux. Si vous avez un projet mené en groupe, gardez-le : il montre votre capacité à travailler avec Git, à gérer des conflits de merge et à communiquer dans une équipe. Évitez les projets trop scolaires du type "page d'accueil d'un restaurant". Préférez des projets qui résolvent un vrai problème, même modeste : un générateur de devis, un tableau de bord pour suivre ses heures de révision, un outil de conversion de fichiers.
Pour chaque projet, ne vous contentez pas de mettre une capture d'écran et un lien GitHub. Contextualisez : expliquez le besoin initial, les contraintes (délai, technos imposées, données à manipuler), et les choix techniques que vous avez faits. Dites pourquoi vous avez pris React plutôt que du vanilla JavaScript, ou pourquoi vous avez choisi une base NoSQL plutôt que du SQL. C'est ce genre de détails qui rassure un recruteur sur votre capacité à prendre des décisions éclairées.
Comment structurer son portfolio pour un recruteur pressé ?
Un recruteur ou un chef de projet reçoit des dizaines de candidatures. Si votre portfolio est un labyrinthe, il passera au suivant. La structure doit être limpide : une page d'accueil avec votre nom, votre statut (étudiant en recherche de stage) et un bouton "Voir mes projets" bien visible. Ensuite, une page projet unique par réalisation, ou une section dédiée sur la page d'accueil avec des cartes cliquables.
Chaque projet doit suivre le même squelette :
- Le contexte : pour qui, pourquoi, dans quel cadre (école, perso, freelance).
- Les missions : ce que vous avez fait exactement (intégration, création d'API, optimisation des performances).
- Les solutions techniques : langages, frameworks, outils, hébergement.
- Les résultats : temps de chargement réduit, nombre d'utilisateurs, fonctionnalité livrée.
Ajoutez toujours un lien vers le dépôt GitHub (avec un README propre) et, si possible, une démo en ligne. Si votre projet est hébergé sur Netlify, Vercel ou un serveur personnel, mettez le lien. Un recruteur veut cliquer et voir le projet tourner, pas seulement lire du code mort.
Faut-il coder son portfolio de zéro ou utiliser un CMS ?
C'est la question qui divise. Si vous postulez pour un stage en développement web, coder votre portfolio de zéro est un projet en soi. Cela montre votre maîtrise du HTML, du CSS, du responsive design, et éventuellement d'un framework si vous en utilisez un. Mais attention : un portfolio codé à la va-vite, avec du code sale, des images non optimisées et des temps de chargement catastrophiques, fait l'effet inverse.
Si vous n'êtes pas à l'aise avec le design ou si vous voulez gagner du temps, WordPress avec un thème portfolio est une option parfaitement acceptable. Vous pouvez personnaliser le CSS pour montrer que vous savez intervenir sur un thème existant. Ce qui compte, c'est le contenu et la qualité de présentation des projets, pas le fait d'avoir codé chaque ligne. Un recruteur préfère un portfolio WordPress bien structuré avec des projets solides plutôt qu'un site codé main mais vide ou bugué.
Quelles erreurs font fuir les recruteurs ?
Les recruteurs partagent les mêmes griefs. Voici les plus fréquents :
- Liens morts : un lien GitHub qui renvoie vers une 404, ou un projet hébergé qui ne répond plus. Vérifiez chaque lien avant d'envoyer votre candidature.
- Projets sans README : un dépôt GitHub vide de documentation, c'est comme un livre sans résumé. Le recruteur ne saura pas par où commencer.
- Absence de responsive : un portfolio qui ne s'affiche pas correctement sur mobile donne l'impression que vous ne maîtrisez pas les bases du CSS moderne (flexbox, grid, media queries).
- Fautes d'orthographe : dans les descriptions de projet, dans le "À propos", dans les titres. Un développeur qui écrit mal donne une impression de négligence.
- Pas de photo ou photo inappropriée : une photo professionnelle (même prise avec un smartphone, mais nette et sobre) humanise le portfolio. Évitez les selfies en soirée ou les photos de groupe où on ne vous reconnaît pas.
Selon une enquête de Stack Overflow, 76 % des recruteurs préfèrent un portfolio contextualisé plutôt qu'une simple liste de projets. Donner du sens à chaque réalisation est donc un investissement rentable.
Comment rendre son portfolio visible et crédible ?
Un portfolio magnifique mais invisible ne sert à rien. Pour le référencement, travaillez les balises title et meta description de chaque page. Si vous ciblez un stage en France, utilisez une extension .fr et un nom de domaine à votre nom (prenom-nom.fr). Les moteurs de recherche aiment les sites rapides : compressez vos images, minifiez votre CSS et votre JavaScript, utilisez un hébergement réactif.
Pour la crédibilité, ajoutez une section "À propos" qui raconte votre parcours et votre passion pour le développement. Ne faites pas un copier-coller de votre CV. Parlez de ce qui vous a poussé vers le développement web, de votre premier projet, de ce que vous aimez coder. Soyez authentique, pas corporate. Une anecdote sur le premier bug que vous avez résolu seul peut marquer plus qu'une liste de frameworks.
N'oubliez pas LinkedIn. La plateforme permet d'ajouter une section "Projets" avec des liens, des descriptions et des médias. Complétez cette section avec vos 3 à 5 projets phares. C'est souvent le premier endroit où un recruteur vous découvre avant de cliquer sur votre portfolio.
Limites et pièges à anticiper
Un portfolio ne remplace pas l'expérience en entreprise. Pour un stage, les recruteurs savent que vous débutez. Ils ne s'attendent pas à des projets de production complexes, mais à des preuves de logique, de curiosité et de rigueur. Ne mentez pas sur votre niveau. Si vous avez suivi un tutoriel pour un projet, dites-le. Si vous avez contribué à une ligne de code dans un projet open source, précisez votre apport. L'honnêteté technique est une qualité recherchée.
Autre piège : le portfolio qui n'évolue pas. Un portfolio figé depuis un an donne l'impression que vous n'avez pas progressé. Mettez à jour régulièrement, même avec des petits projets d'entraînement. Un recruteur qui voit un projet daté de la semaine précédente comprend que vous êtes actif et motivé.
Enfin, n'oubliez pas les aspects légaux. Si vous montrez des projets réalisés pour un client ou une entreprise lors d'un précédent stage, assurez-vous d'avoir le droit de les publier. Un projet confidentiel peut être présenté de manière anonyme (sans le nom du client, sans captures d'écran sensibles).
Pour ceux qui préparent activement leur entrée en entreprise, sachez que la constitution d'un portfolio solide s'inscrit dans une stratégie plus large de recherche. Si vous cherchez des pistes pour trouver une entreprise en alternance en cybersécurité, les mêmes principes de sélection de projets et de mise en valeur de vos compétences s'appliquent. Adaptez simplement votre portfolio au secteur visé : montrez des projets liés à la sécurité si vous ciblez ce domaine.
La décision finale revient au recruteur, mais vous pouvez la préparer. Un portfolio bien conçu est un filtre : il attire les bonnes entreprises et décourage celles qui ne correspondent pas à votre profil. Prenez le temps de le peaufiner, testez-le sur des amis ou des mentors, et n'hésitez pas à le refaire si le premier jet ne vous satisfait pas. Le stage que vous décrocherez en dépendra en grande partie.
