Guides

Exemples de sites de portfolio : 14 idées pour designers, développeurs et créatifs

Les meilleurs sites de portfolio font trois choses rapidement : dire qui vous êtes et ce que vous faites, montrer quelques-unes de vos meilleures réalisations avec du contexte, et faciliter la prise de contact. Vous trouverez ci-dessous 14 exemples de sites de portfolio. Cinq sont de vrais sites que nous avons consultés en octobre 2026 ; les neuf autres sont des modèles pour différents types de travail, décrits sans nommer de site. Suivent une liste de contrôle, les erreurs courantes et la façon de créer le vôtre.

Les 14 exemples en bref

#ExempleIdéal pourIdée clé
1Brittany ChiangDéveloppeurs front-endExpérience, projets et écriture sur une seule page
2Jessica HischeIllustrateurs, lettreursPortfolio, services, boutique et ressources
3Lee RobinsonIngénieurs qui écriventUne page minimale de notes et d'articles
4Paco CourseyIngénieurs en designCourtes sections : réalisations, projets, écriture, maintenant
5Bruno SimonDéveloppeurs créatifsLe site lui-même est la vitrine
6Portfolio d'études de casDesigners produit et UXProblème, processus, résultat
7Portfolio en grille de photosPhotographesImages pleine largeur, texte minimal
8Portfolio d'écritureRédacteurs, journalistesExtraits regroupés par thème ou média
9Site d'une page pour travailleur autonomeTravailleurs autonomesServices, travaux, fourchette de prix, contact
10Portfolio d'étudiant ou de débutantNouveaux diplômésProjets de cours présentés comme de vrais travaux
11Portfolio de bobine vidéoMonteurs vidéo, animateursUne bobine d'abord, puis les projets individuels
12Portfolio d'architecture ou d'aménagement intérieurArchitectes, designersProjets par type, avec dessins et photos
13Portfolio de données ou de rechercheAnalystes, chercheursGraphiques interactifs et rapports publiés
14Portfolio « lien en bio »CréateursUne page, de nombreux liens, travaux récents

Vrais sites de portfolio et ce qu'ils font bien

Les descriptions sont à jour en octobre 2026.

1. Brittany Chiang : tout ce qu'un recruteur en développement recherche

Le site de Brittany Chiang la présente comme ingénieure front-end, avec une accroche d'une ligne sur des expériences web accessibles et soignées. La navigation passe d'À propos à Expérience et Projets. Chaque emploi indique l'employeur, les dates, une courte description et des étiquettes technologiques, avec un lien vers le CV complet. Les projets en vedette ont une capture d'écran, une description et un lien ; un lien « Voir l'archive complète des projets » regroupe le reste. Une section d'écriture renvoie à ses articles.

À retenir : la page principale montre les meilleurs éléments ; l'archive garde le reste. Les étiquettes permettent de repérer rapidement une compétence précise.

2. Jessica Hische : un portfolio qui est aussi une entreprise

Le site de Jessica Hische la présente comme lettreuse, autrice et entrepreneure. Les travaux pour des clients sont regroupés par catégories (publicité, livres et film, éditorial, produits) ; chaque projet a une vignette qui mène à une page complète, et les descriptions sont conversationnelles et expliquent le processus. À côté des travaux, on trouve des pages pour les commandes, les conférences, le coaching, les livres, une boutique et des adresses courriel distinctes selon le type de demande.

À retenir : si vous vendez plusieurs choses, donnez à chacune son propre parcours et sa propre voie de contact pour que les bonnes demandes vous parviennent.

3. Lee Robinson : du texte simple, une pensée claire

Le site de Lee Robinson est une page unique et minimale : une courte biographie, une liste de notes thématiques et une liste datée d'articles de blogue. Le contact se fait par un lien courriel et un profil sur X.

À retenir : pour les personnes dont le travail porte sur des idées, l'écriture est le portfolio. Une liste simple de titres datés est facile à lire et rapide à charger.

4. Paco Coursey : des sections courtes et tranchées

Le site de Paco Coursey le décrit comme un designer et développeur qui conçoit des interfaces. La page comporte de courtes sections sur ce qu'il construit, trois projets en source ouverte, des textes, une section « Maintenant » sur ses intérêts du moment, et des liens de contact.

À retenir : une section « Maintenant » est une façon simple de donner un air actuel et personnel à un portfolio, sans blogue.

5. Bruno Simon : le site est le travail

Le portfolio de Bruno Simon est un monde 3D interactif où l'on conduit une petite voiture, avec des commandes au clavier, à la souris, au toucher et à la manette, des réussites et un mode de course chronométré. Une section « dans les coulisses » explique la pile technologique et renvoie au code source.

À retenir : pour les développeurs créatifs, un site expérimental peut être la meilleure preuve de compétence. Il convient mal à la plupart des autres rôles, parce que les visiteurs qui veulent seulement votre CV doivent d'abord jouer.

Modèles de portfolio à reprendre

6. Portfolio d'études de cas

Trois à cinq projets, chacun sur sa propre page : le problème, votre rôle, les contraintes, le processus (croquis, itérations), le résultat et ce que vous feriez autrement. Commencez par le résultat, en une phrase en haut. Idéal pour les designers produit et les chercheurs UX.

7. Portfolio en grille de photos

De grandes images dans une grille ou une séquence pleine largeur, regroupées en galeries (mariages, portraits, commercial). Texte minimal, chargement rapide des images, et un lien de réservation ou de demande sur chaque galerie. Voir comment créer un site de photographie.

8. Portfolio d'écriture

Vos meilleurs extraits regroupés par thème ou par publication, chacun avec un titre, le média, la date et un résumé d'une ligne. Renvoyez vers l'article en ligne et conservez une copie PDF au cas où il disparaîtrait.

9. Site d'une page pour travailleur autonome

Ce que vous faites, pour qui, trois réalisations, un prix de départ ou une fourchette si vous êtes à l'aise de le partager, des témoignages et un formulaire de contact. Utile lorsque le but est d'obtenir des demandes, et non de séduire des recruteurs.

10. Portfolio d'étudiant ou de débutant

Traitez les projets de cours et les projets personnels comme de vrai travail : le mandat, vos décisions et le résultat. Une courte section « ce que j'apprends » indique votre direction. Renvoyez au code et aux démonstrations en ligne.

11. Portfolio de bobine vidéo

Une bobine de 60 à 90 secondes en haut, puis les projets individuels avec les crédits et votre rôle. Hébergez la vidéo sur un service conçu pour cela afin que la page reste rapide.

12. Portfolio d'architecture ou d'aménagement intérieur

Projets filtrés par type (résidentiel, commercial), chacun avec des photos, des plans et une courte note sur le mandat. Le lieu et l'année aident les clients à trouver les travaux pertinents.

13. Portfolio de données ou de recherche

Quelques analyses publiées avec un ou deux graphiques interactifs, des liens vers les carnets ou les rapports, et un résumé en langage clair de chaque constat.

14. Portfolio « lien en bio »

Pour les créateurs qui vivent sur les plateformes sociales : une page d'abord conçue pour le mobile, avec vos meilleurs travaux récents, vos chaînes et un lien de contact ou de réservation. Voir comment créer une page de lien en bio.

Ce que les meilleurs portfolios ont en commun

  • Une présentation d'une ligne. Votre nom et ce que vous faites, dans les mots qu'un client ou un recruteur utiliserait.
  • Des travaux choisis. Une poignée de pièces solides, avec une archive pour le reste.
  • Du contexte pour chaque pièce. Votre rôle, le problème et le résultat. Les visuels seuls n'expliquent pas les décisions.
  • Un contact facile. Un lien courriel ou un court formulaire sur chaque page, et non enfoui dans un pied de page.
  • Rapide et lisible. Images optimisées, typographie claire, fonctionne sur un téléphone.
  • À jour. Des travaux récents ou une note « maintenant » montrent que vous êtes actif.
  • Votre propre domaine si possible, pour que l'adresse vous appartienne pour de bon.

Erreurs courantes

  • Tout montrer. Dix projets moyens cachent deux excellents.
  • Aucune explication. Une galerie de captures d'écran ne dit pas ce que vous avez fait.
  • Des coordonnées difficiles à trouver. Si les gens doivent chercher un courriel, beaucoup n'iront pas.
  • Le style avant le fond. Une animation lourde qui ralentit la page ou cache le contenu.
  • Liens brisés et démonstrations mortes. Vérifiez chaque lien avant d'envoyer le site à qui que ce soit.
  • Présenter des travaux que vous ne pouvez pas partager. Demandez aux clients ou aux employeurs avant de publier un projet confidentiel ; anonymisez au besoin.

Comment créer votre propre site de portfolio

  1. Choisissez votre public : recruteurs, clients ou collaborateurs. Cela détermine ce qui vient en premier.
  2. Choisissez trois à six projets et rédigez une courte étude de cas pour chacun.
  3. Choisissez un modèle ci-dessus et esquissez les pages : accueil, pages de projet, à propos, contact.
  4. Créez-le. Avec Mythex, vous décrivez votre portfolio dans le clavardage, voyez le résultat dans un aperçu en direct, téléversez vos images et publiez à une URL en un clic (voir comment connecter un domaine personnalisé). Vous pouvez aussi partir d'un gabarit. Si vous préférez le coder à la main comme projet d'apprentissage, c'est aussi un très bon choix.
  5. Demandez à quelqu'un de l'examiner sur son téléphone et de vous dire ce qu'il retient après dix secondes.

Pour la version pas à pas, lisez comment créer un site de portfolio ; si vous avez surtout besoin de mettre votre CV en ligne, voir comment créer un site de CV.

Comment nous avons choisi ces exemples

Nous avons consulté chaque site nommé en octobre 2026 et ne décrivons que ce qu'il montrait à ce moment-là. Nous avons choisi des sites bien connus qui illustrent une idée claire, et non un classement des « meilleurs » portfolios. Les modèles sont des formats courants, décrits en termes généraux.

Questions

Que doit contenir un site de portfolio ?

Une phrase qui résume ce que vous faites, une petite sélection de vos meilleurs travaux avec du contexte pour chacun (le problème, votre rôle, le résultat), une courte section à propos de vous et une façon claire de vous joindre. Ajoutez un CV, des textes ou une page de services s'ils aident les personnes que vous voulez atteindre.

Combien de projets un portfolio devrait-il contenir ?

En général, trois à six projets solides suffisent sur la page principale. Montrez moins de pièces, mais meilleures, avec des explications, plutôt que tout ce que vous avez fait. Vous pouvez renvoyer vers une archive pour le reste, comme le fait le site de Brittany Chiang.

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

Ce n'est pas obligatoire, mais un domaine à votre nom paraît plus professionnel, est plus facile à retenir et vous appartient même si vous changez d'hébergeur. La plupart des domaines coûtent des frais annuels modestes auprès d'un bureau d'enregistrement.

Un portfolio de développeur doit-il être construit de zéro ?

Le construire vous-même peut faire partie du portfolio, mais ce n'est pas nécessaire. Les recruteurs regardent surtout les projets, votre rôle et les liens vers le code ou les démonstrations en ligne. Un générateur de sites par IA ou un gabarit vous donne rapidement un site propre, et vous pouvez consacrer votre temps aux études de cas.

Mythex · Pricing · Créez n'importe quoi avec l'IA · Modèles de sites web 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 ગુજરાતી हिन्दी 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 简体中文 繁體中文(香港) 繁體中文(台灣)