Guides

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

Les meilleurs sites portfolio font trois choses rapidement : dire qui vous êtes et ce que vous faites, montrer quelques-uns de vos meilleurs travaux avec leur contexte, et faciliter la prise de contact. Vous trouverez ci-dessous 14 exemples de sites portfolio. Cinq sont de vrais sites que nous avons consultés en octobre 2026 ; les neuf autres sont des schémas pour différents types de travaux, décrits sans nommer de site. Suivent une checklist, les erreurs fréquentes et la manière d'en créer un.

Les 14 exemples en un coup d'œil

n°ExempleIdéal pourIdée clé
1Brittany ChiangDéveloppeurs front-endExpérience, projets et écrits sur une seule page
2Jessica HischeIllustrateurs, lettreursPortfolio, services, boutique et ressources
3Lee RobinsonIngénieurs qui écriventUne page épurée de notes et d'articles
4Paco CourseyIngénieurs en designSections courtes : réalisations, projets, écrits, maintenant
5Bruno SimonDéveloppeurs créatifsLe site lui-même est la vitrine
6Portfolio d'études de casDesigners produit et UXProblème, démarche, résultat
7Portfolio en grille de photosPhotographesImages plein cadre, peu de texte
8Portfolio d'écritureRédacteurs, journalistesExtraits regroupés par thème ou média
9Site de freelance en une pageFreelancesServices, travaux, fourchette de prix, contact
10Portfolio d'étudiant ou de débutantJeunes 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'intérieurArchitectes, designersProjets par type, avec plans et photos
13Portfolio data ou rechercheAnalystes, chercheursGraphiques interactifs et rapports publiés
14Portfolio en lien-bioCréateursUne page, de nombreux liens, travaux récents

Sites portfolio réels et ce qu'ils font bien

Les descriptions sont à jour d'octobre 2026.

1. Brittany Chiang : tout ce dont un recruteur en développement a besoin

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 entre À propos, Expérience et Projets. Chaque poste indique l'employeur, les dates, une courte description et des étiquettes de technologies, avec un lien vers le CV complet. Les projets mis en avant ont une capture d'écran, une description et un lien, et un lien « Voir l'archive complète des projets » regroupe le reste. Une section d'écrits renvoie vers ses articles.

Ce qu'il faut en retenir : la page principale montre les quelques meilleurs éléments ; l'archive contient 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 artiste lettreuse, autrice et entrepreneuse. Les travaux clients sont regroupés par catégories (publicité, livres et cinéma, éditorial, produits), chaque projet a une vignette qui mène à une page complète, et les descriptions sont conversationnelles et expliquent la démarche. À côté des travaux, des pages sont consacrées aux commandes, aux conférences, au coaching, aux livres, à une boutique, et des adresses e-mail distinctes accueillent les différents types de demandes.

Ce qu'il faut en retenir : si vous vendez plusieurs choses, donnez à chacune son propre parcours et son propre canal de contact pour que les bonnes demandes vous parviennent.

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

Le site de Lee Robinson tient sur une seule page épurée : une courte biographie, une liste de notes thématiques et une liste datée d'articles de blog. Le contact se fait par un lien e-mail et un profil X.

Ce qu'il faut en retenir : pour les personnes dont le travail porte sur les idées, l'écriture est le portfolio. Une liste simple de titres avec leurs dates se lit facilement et se charge vite.

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

Le site de Paco Coursey le présente comme designer et développeur qui conçoit des interfaces. La page comporte de courtes sections sur ce qu'il construit, trois projets open source, des écrits, une section « Maintenant » sur ses centres d'intérêt actuels, et des liens de contact.

Ce qu'il faut en retenir : une section « Maintenant » est un moyen simple de donner au portfolio un air d'actualité et de personnalité, sans blog.

5. Bruno Simon : le site est le travail

Le portfolio de Bruno Simon est un monde 3D interactif dans lequel on conduit une petite voiture, avec des commandes au clavier, à la souris, au tactile et à la manette, des succès et un mode course chronométré. Une section « coulisses » explique la pile technique et renvoie vers le code source.

Ce qu'il faut en 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 métiers, car les visiteurs qui veulent simplement votre CV doivent d'abord jouer.

Schémas de portfolio que vous pouvez reprendre

6. Portfolio d'études de cas

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

7. Portfolio en grille de photos

De grandes images en grille ou en séquence pleine largeur, regroupées en galeries (mariages, portraits, commercial). Peu de texte, 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 de freelance en une page

Ce que vous faites, pour qui, trois travaux, un prix de départ ou une fourchette de prix si vous êtes à l'aise pour le partager, des témoignages et un formulaire de contact. Utile lorsque l'objectif 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 personnels comme de vrais travaux : le brief, vos choix et le résultat. Une courte section « ce que j'apprends » indique votre direction. Renvoyez vers le code et les démos en ligne.

11. Portfolio de bobine vidéo

Une bobine de 60 à 90 secondes en haut de page, 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'intérieur

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

13. Portfolio data ou recherche

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

14. Portfolio en lien-bio

Pour les créateurs qui vivent sur les réseaux sociaux : une page conçue d'abord pour 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 lien-bio.

Ce que les meilleurs portfolios ont en commun

  • Une introduction en une ligne. Votre nom et ce que vous faites, avec les mots qu'un client ou un recruteur utiliserait.
  • Des travaux choisis. Quelques pièces solides, avec une archive pour le reste.
  • Un contexte pour chaque pièce. Votre rôle, le problème et le résultat. Les visuels seuls n'expliquent pas les choix.
  • Un contact facile. Un lien e-mail ou un court formulaire sur chaque page, pas enfoui en pied de page.
  • Rapide et lisible. Images optimisées, typographie claire, fonctionne sur 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 reste acquise durablement.

Erreurs fréquentes

  • Tout montrer. Dix projets moyens cachent deux excellents.
  • Aucune explication. Une galerie de captures d'écran ne dit pas ce que vous avez fait.
  • Coordonnées difficiles à trouver. Si les gens doivent chercher une adresse e-mail, beaucoup renoncent.
  • Le style avant le fond. Des animations lourdes qui ralentissent la page ou masquent le contenu.
  • Liens cassés et démos périmées. Vérifiez chaque lien avant d'envoyer le site à qui que ce soit.
  • Utiliser des travaux que vous ne pouvez pas partager. Demandez l'accord des clients ou des employeurs avant de publier des projets confidentiels ; anonymisez si nécessaire.

Comment créer votre propre site 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 schéma ci-dessus et esquissez les pages : accueil, pages de projets, à propos, contact.
  4. Construisez-le. Avec Mythex, vous décrivez votre portfolio dans un chat, le voyez dans un aperçu en direct, importez vos images et publiez sur une URL en un clic (voir comment connecter un domaine personnalisé). Vous pouvez aussi partir d'un modèle. Si vous préférez le coder vous-même comme projet d'apprentissage, c'est un très bon choix également.
  5. Demandez à quelqu'un de le relire 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 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 cité en octobre 2026 et ne décrivons que ce qu'il montrait à ce moment-là. Nous avons choisi des sites connus qui illustrent une idée claire, et non un classement des « meilleurs » portfolios. Les schémas sont des formats courants décrits en termes généraux.

Questions

Que doit contenir un site portfolio ?

Une phrase qui résume ce que vous faites, une petite sélection de vos meilleurs travaux accompagnés d'un contexte pour chacun (le problème, votre rôle, le résultat), une courte section à propos et un moyen clair de vous contacter. Ajoutez un CV, des écrits ou une page de services s'ils aident les personnes que vous voulez atteindre.

Combien de projets un portfolio doit-il contenir ?

En général, trois à six projets solides suffisent sur la page principale. Montrez moins de travaux, mais mieux expliqués, plutôt que tout ce que vous avez réalisé. 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 reste acquis si vous changez d'hébergement. La plupart des noms de domaine coûtent une redevance annuelle modeste 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émos en ligne. Un créateur de sites par IA ou un modèle vous donne rapidement un site propre, et vous pouvez consacrer votre temps aux études de cas.

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 简体中文 繁體中文(香港) 繁體中文(台灣)