# Exemples de sites personnels : 6 idées pour imaginer le vôtre
> Découvrez six modèles de sites personnels adaptés à différents métiers, avec des aperçus et des conseils concrets pour présenter votre parcours et vos projets.
Source: https://self.cv/fr/blog/personal-website-examples
Language: fr
Published: 2026-10-18
Last modified: 2026-10-18T00:00:00.000Z
Un bon site personnel permet de comprendre rapidement votre métier, de découvrir votre travail et de vous contacter. Le design met ces informations en ordre. Pour la recherche, une chronologie claire laisse de la place aux détails techniques. Pour la rédaction, une introduction agréable à lire et des liens vers des textes choisis sont essentiels. En gestion de projet, il faut rendre visibles les responsabilités et la conduite des opérations.
Ces six exemples de sites personnels présentent différentes façons d'y parvenir avec les modèles Self. Chaque exemple propose un aperçu, une analyse des choix de présentation et des pistes pour préparer votre contenu. Commencez par le métier le plus proche du vôtre, puis retenez les idées utiles dans les autres exemples.
## Choisir une structure adaptée à votre travail
Avant de choisir les couleurs ou la mise en page, demandez-vous ce que votre visiteur doit pouvoir évaluer. Ce tableau donne à chaque modèle un objectif concret. Un même design peut convenir à plusieurs métiers : l'essentiel est de savoir quelles informations mettre en avant.
Six modèles de sites personnels et les informations que chacun aide à faire ressortir.
| Votre domaine | Modèle | Les informations à rendre accessibles |
| --- | --- | --- |
| Développement logiciel | 8Bit | Spécialité technique, projets choisis et liens vers le code ou le produit |
| Gestion de projet | Bento | Périmètre, responsabilités, décisions de mise en œuvre et résultats |
| Recherche et sciences | Dossier | Sujet de recherche, méthodes, parcours et travaux associés |
| Rédaction et activité indépendante | Editorial | Sujets, style, publications choisies et coordonnées |
| Ressources humaines et opérations | Minimalistic | Positionnement, améliorations de processus et expérience pertinente |
| Design UI/UX et produit | Brutalist | Démarche de conception, contexte des projets et contribution personnelle |
## 1. Un site de développement avec une identité technique affirmée
Le modèle 8Bit associe une typographie inspirée du pixel, un fond sombre et des touches de couleur vive. Cette identité visuelle sert une présentation concrète : la spécialité technique est annoncée, les systèmes développés sont décrits et les liens professionnels sont à portée de main. Le portfolio affirme ainsi un style tout en donnant accès au travail.
[](https://self.cv/fr/resume-cv-templates-examples#example-8bit)
8Bit associe une esthétique reconnaissable à une présentation précise et à des liens professionnels directs.
Gardez cette précision dans la présentation des projets. Le titre « API pour un espace de travail partagé » en dit davantage que « Projet backend ». Ajoutez le problème traité, votre responsabilité, un choix technique important et un élément à explorer. Un dépôt de code, une démonstration, un schéma ou une courte note technique peuvent chacun apporter un éclairage utile.
- Présentez les systèmes, les utilisateurs ou les problèmes sur lesquels vous travaillez.
- Développez deux ou trois projets pertinents pour rendre votre contribution compréhensible.
- Reliez les outils au travail réalisé : précisez où une technologie intervient et ce qu'elle apporte.
Explorez [le modèle 8Bit et sa mise en page](https://self.cv/fr/resume-cv-templates-examples#example-8bit), puis choisissez les projets les plus utiles pour le poste que vous visez.
## 2. Un site de gestion de projet qui explique la mise en œuvre
Bento répartit le contenu dans des cartes bien distinctes. Le profil, la présentation et les coordonnées ont chacun leur place, avant une description plus détaillée de l'expérience. Cette organisation convient à un métier qui fait intervenir des équipes, des systèmes et de nombreuses décisions : elle offre une vue d'ensemble avant les détails du projet.
[](https://self.cv/fr/resume-cv-templates-examples#example-bento)
Bento attribue une place claire à chaque information pour faciliter la lecture d'un parcours complexe.
Un portfolio de chef de projet devient plus parlant lorsqu'il explique ce qui devait changer, les personnes impliquées et votre responsabilité. Pour le déploiement d'un système, vous pouvez détailler le recueil des besoins, la coordination des prestataires, les tests utilisateurs, la formation et le passage de relais aux équipes opérationnelles. Les décisions qui ont permis la livraison comptent autant que le résultat final.
- Situez le projet et précisez la responsabilité que vous avez assumée.
- Expliquez votre gestion des dépendances, des tests, des parties prenantes ou du déploiement.
- Appuyez les résultats sur des éléments partageables : lancement public, synthèse autorisée ou évolution mesurable d'un processus.
Consultez [la présentation Bento](https://self.cv/fr/resume-cv-templates-examples#example-bento) et notre guide pour [présenter votre travail de chef de projet](https://self.cv/fr/blog/project-manager-portfolio-non-visual-work) afin de préparer votre contenu.
## 3. Un site de recherche qui organise les travaux et le parcours
Dossier place un profil compact à côté d'une chronologie détaillée. Le nom, le domaine, la courte présentation et les coordonnées restent visuellement distincts des longues rubriques d'expérience. Cette structure laisse de la place aux méthodes et aux responsabilités scientifiques tout en identifiant clairement la personne qui mène les travaux.
[](https://self.cv/fr/resume-cv-templates-examples#example-dossier)
Dossier distingue les informations essentielles du profil des détails qui éclairent un parcours scientifique.
Présentez votre recherche dans un langage accessible à une personne intéressée, puis proposez des projets et des liens pour approfondir. Une étude de terrain peut expliquer la question, l'échantillonnage, l'analyse et l'utilisation des résultats. Dans un parcours universitaire, reliez vos sujets aux publications, posters, jeux de données ou à la thèse que vous pouvez partager.
- Résumez les questions ou les problèmes concrets qui relient vos travaux.
- Présentez les méthodes et les outils techniques dans le contexte d'une étude.
- Rédigez des liens explicites pour que le lecteur sache quel projet ou quelle publication il va ouvrir.
Découvrez [le modèle Dossier](https://self.cv/fr/resume-cv-templates-examples#example-dossier). Si vous commencez un doctorat, le guide consacré au [site personnel de doctorant avant les premières publications](https://self.cv/fr/blog/phd-personal-website-without-publications) présente d'autres façons de mettre vos recherches en valeur.
## 4. Un site pour présenter vos textes et les laisser respirer
Editorial mise sur des espaces généreux, des couleurs sobres et une typographie agréable à lire. L'introduction peut installer un sujet et une voix, avec les coordonnées à proximité. Pour un auteur, une rédactrice, un éditeur ou un professionnel indépendant de la communication, ce premier paragraphe donne déjà un aperçu de la qualité d'expression.
[](https://self.cv/fr/resume-cv-templates-examples#example-editorial)
Editorial laisse à une courte introduction la place de faire entendre une voix et de préciser une spécialité.
Choisissez quelques textes et sachez ce que chacun montre de votre travail. Une interview, un reportage, un article de vulgarisation et un essai rédigé sur commande peuvent montrer des compétences différentes. Accompagnez chaque lien du média, du sujet et de votre rôle. La personne qui envisage une collaboration pourra ainsi choisir la lecture la plus pertinente.
- Précisez vos sujets, vos formats ou vos publics dans le paragraphe de présentation.
- Donnez à chaque texte un titre clair et une phrase de contexte.
- Prévoyez un moyen de contact évident pour discuter d'une mission.
Explorez [Editorial](https://self.cv/fr/resume-cv-templates-examples#example-editorial) ou consultez le guide pour [créer un site portfolio en freelance](https://self.cv/fr/blog/how-to-create-freelance-portfolio-website) si votre page doit présenter des services en plus de votre expérience.
## 5. Un site RH qui met la spécialité et l'expérience en perspective
Minimalistic ouvre la page avec un portrait, une présentation professionnelle et des liens de contact bien visibles. Le parcours se déroule ensuite. Cette structure convient aux métiers dont la valeur se manifeste par des processus fiables et un suivi régulier des équipes et des activités : ressources humaines, opérations, administration ou management.
[](https://self.cv/fr/resume-cv-templates-examples#example-minimalistic)
Minimalistic établit le positionnement professionnel avant de développer le parcours dans une chronologie claire.
Rendez le travail concret en décrivant le service ou le processus que vous avez amélioré. L'accueil des nouveaux salariés, la qualité des données RH, l'accompagnement des responsables et l'assistance interne répondent à des besoins précis. Expliquez la situation de départ, votre contribution au changement et les éléments que vous pouvez montrer. Quelques phrases bien choisies peuvent montrer votre capacité à prendre des décisions adaptées.
- Expliquez dès l'introduction à quelles personnes ou activités votre travail est utile.
- Reliez vos responsabilités à des améliorations précises de services ou de processus.
- Choisissez des exemples qui montrent votre contribution et préservent la confidentialité des salariés et de l'entreprise.
Consultez [le modèle Minimalistic](https://self.cv/fr/resume-cv-templates-examples#example-minimalistic) pour construire un portfolio professionnel centré sur votre travail.
## 6. Un portfolio de design avec une introduction affirmée
Brutalist associe une typographie forte, de grands espaces et une couleur d'accent bien identifiable. L'introduction expose une approche avant de laisser place aux projets. Pour le design UI/UX et produit, c'est une manière de montrer dès le premier écran comment vous abordez un problème, en plus de votre sens visuel.
[](https://self.cv/fr/resume-cv-templates-examples#example-brutalist)
Brutalist donne une identité visuelle marquée à l'introduction tout en préservant la lisibilité du message.
Accompagnez les visuels les plus représentatifs de vos projets du contexte nécessaire. La refonte d'un parcours d'achat devient plus intéressante lorsque vous expliquez la difficulté initiale, votre périmètre, les contraintes et les choix qui ont mené aux écrans finaux. Quelques étapes de la démarche suffisent à relier le design à un problème identifiable.
- Présentez les produits, les utilisateurs ou les expériences pour lesquels vous concevez.
- Pour chaque projet sélectionné, présentez le problème, votre contribution et le résultat.
- Utilisez des images lisibles et des légendes utiles pour consulter le travail sur téléphone.
Explorez [le design Brutalist](https://self.cv/fr/resume-cv-templates-examples#example-brutalist) et comparez-le aux autres [modèles et exemples de sites personnels](https://self.cv/fr/resume-cv-templates-examples) pour trouver la présentation adaptée à votre travail.
## Transformer une ligne de CV en contenu utile pour votre site
Un site offre la place nécessaire pour relier un poste, un projet et le travail accompli. Partez des informations dont vous disposez déjà. Imaginons que vos notes décrivent la coordination des besoins d'un système d'entrepôt, les tests utilisateurs et le passage de relais avec les responsables de site, l'informatique et les fournisseurs. Elles mentionnent aussi des décisions de test documentées et des guides pour les équipes. Voici comment exploiter ces détails dans votre présentation.
Un exemple de réécriture à partir des détails concrets d'un projet.
| Point de départ | Formulation plus utile sur le site | Ce que comprend le lecteur |
| --- | --- | --- |
| Chef de projet | Chef de projet spécialisé dans les systèmes d'entrepôt et leur déploiement opérationnel. | Le contexte professionnel et la spécialité |
| Participation à la mise en place d'un système | Coordination des besoins, des tests utilisateurs et du passage de relais pour le déploiement d'un système d'entrepôt. | Les activités et la responsabilité exercée |
| Bon relationnel | Réunion des responsables de site, de l'informatique et des fournisseurs autour d'un plan de déploiement, avec des décisions de test documentées et des guides pour les équipes. | La façon dont la communication a servi le travail |
Appliquez cette démarche à vos propres expériences : situez le travail, expliquez votre contribution et montrez ce qu'elle a rendu possible. Ajoutez un chiffre lorsqu'il repose sur des éléments fiables. Une responsabilité bien décrite ou un livrable utile peuvent aussi apporter une information concrète.
## Que mettre sur votre site personnel ?
La structure dépend des éléments dont vous disposez et de la conversation que vous souhaitez ouvrir. Utilisez cette liste pour préparer votre page avant sa publication.
- Une présentation précise : votre domaine, votre activité et les possibilités de collaboration qui vous intéressent.
- Une sélection de travaux : projets, expérience, publications, textes ou travaux universitaires, avec votre contribution expliquée.
- Des compétences en contexte : montrez où elles interviennent dans votre travail.
- Un contact facile à trouver : adresse email professionnelle, profil pertinent ou bouton de contact.
- Une vérification sur téléphone : lisibilité du texte, utilité des images, navigation et destination des liens.
En début de carrière, vos projets et travaux universitaires peuvent fournir cette matière. Notre guide sur [le contenu d'un site personnel de jeune diplômé](https://self.cv/fr/blog/recent-graduate-personal-website-no-experience) explique comment les choisir et les présenter.
## Créer votre site personnel avec le contenu que vous avez déjà
Self transforme votre CV, votre portfolio ou vos notes professionnelles en site personnel hébergé. Ajoutez vos documents, choisissez un modèle et relisez la page générée. Ajustez la présentation, vérifiez votre parcours et ajoutez les liens ou les médias qui permettent de mieux découvrir votre travail.
Vous pouvez prévisualiser tous les modèles avant de publier. Le forfait Free permet de publier avec un modèle gratuit ; Pro et Team donnent aussi accès à la publication des modèles Pro. Choisissez la présentation qui met en valeur le travail pour lequel vous souhaitez être reconnu.
Commencez avec [l'outil qui transforme votre CV en site](https://self.cv/fr/resume-to-website) ou comparez les designs dans [la collection de modèles](https://self.cv/fr/resume-cv-templates-examples). Retrouvez toutes les étapes dans [notre guide pour créer un site à partir de votre CV](https://self.cv/fr/blog/how-to-build-a-resume-website).
## Questions sur les sites personnels
### Qu'est-ce qui fait un bon site personnel ?
Une introduction claire, des exemples pertinents de votre travail et un moyen simple de vous contacter. Choisissez une mise en page qui facilite leur découverte, puis donnez à chaque projet ou expérience assez de contexte pour expliquer votre contribution.
### Quelle différence entre un site personnel et un portfolio ?
Un site personnel vous présente et peut réunir votre expérience, vos centres d'intérêt, vos recherches et vos coordonnées. Un portfolio se concentre sur une sélection de travaux. Les deux peuvent tenir sur la même page : l'introduction donne le contexte des projets qui suivent.
### Peut-on créer un site personnel avant son premier emploi à temps plein ?
Oui. Travaux universitaires, projets personnels, bénévolat, emplois à temps partiel et recherche peuvent fournir un contenu pertinent. Expliquez l'objectif, votre travail et ce que vous avez appris ou produit. Sélectionnez les exemples adaptés à l'opportunité recherchée.
### Faut-il savoir coder ?
Self génère et héberge la page à partir de votre contenu professionnel pour vous permettre de vous concentrer sur le fond et la présentation. Développer votre propre site reste une autre possibilité lorsque sa réalisation fait partie des compétences à démontrer.