16 idées de site web personnel pour 2026 : le guide pratique

Vous voulez créer un site web personnel. Mais un schéma d'échec très commun se répète : on ouvre un template, on reste une heure à regarder un écran vide, puis on ferme l'onglet. Cet article vous propose 16 idées prêtes à l'emploi, classées selon votre profil.

J'ai analysé ce qui est classé sur Google pour la requête « idées de site web personnel ». La plupart des articles vous proposent toujours la même liste superficielle : blog, portfolio, CV. C'est tout. Ils ne vous disent pas quelle idée correspond à votre situation, ni comment éviter de créer quelque chose que personne ne visitera.

Ce guide est différent. Pas de contenu inutile. Juste des conseils pratiques que vous pouvez utiliser directement.

16 idées de site web personnel par catégorie professionnelle

Pour les étudiants et les jeunes diplômés

Idée 1 : Le musée de projets de formation

Ne vous contentez pas d'afficher le résultat final. Montrez le processus de développement, notamment les exigences initiales, les tentatives échouées, les itérations et la raison derrière chaque modification. Les recruteurs évaluent votre façon de penser, pas seulement ce que vous produisez.

Comment la mettre en œuvre : Créez un format chronologique ou sous forme de tableau. Pour chaque projet, listez : brief d'origine → trois versions échouées avec captures d'écran ou extraits de code → résultat final. Ajoutez une courte colonne de réflexion qui explique ce que vous avez appris de chaque échec.

Idée 2 : Le relevé de compétences en ligne

Remplacez la liste des notes par des preuves vérifiables. Identifiez cinq compétences clés pertinentes pour le poste que vous visez. Pour chaque compétence, ajoutez un lien direct vers un livrable : un commit GitHub, un échantillon de texte, un fichier Figma ou un rapport d'analyse de données.

Comment la mettre en œuvre : Créez une simple page à deux colonnes. Colonne de gauche : nom de la compétence. Colonne de droite : liens cliquables vers les éléments concrets. Pas besoin de descriptions. La preuve parle d'elle-même.

Idée 3 : Le journal d'apprentissage public

Publiez un court article par semaine qui documente ce que vous êtes en train d'apprendre. Ne passez pas des heures à retoucher. Misez sur la clarté et l'honnêteté. Les recruteurs apprécient la curiosité et la capacité à expliquer des concepts simplement.

Comment la mettre en œuvre : Utilisez un blog ou une section « Notes ». Chaque article fait 150 à 300 mots. Structure : ce que vous avez appris → pourquoi c'est important → une question qui reste en suspens.

Pour les freelances et les consultants

Idée 4 : Le site de traitement des objections

Répondez aux doutes des clients avant qu'ils ne les posent. Les objections courantes sont : « Tu es trop cher », « Comment savoir que tu es fiable ? » et « Et si ça ne marche pas ? ». Placez des réponses claires sur votre page d'accueil.

Comment la mettre en œuvre : Créez une section « Objections » avec trois à cinq entrées de FAQ dépliables. Pour chaque objection, écrivez une phrase d'accueil suivie d'une réponse d'un paragraphe avec une preuve (étude de cas, témoignage ou mention de la garantie de remboursement).

Idée 5 : La page uniquement dédiée aux résultats clients

Supprimez tout contenu non essentiel. Présentez uniquement des résultats mesurables. Exemples : « J'ai aidé l'entreprise A à augmenter ses conversions de 30 % », « J'ai aidé l'entreprise B à économiser 50 heures de travail par mois ».

Comment la mettre en œuvre : Si vous n'avez pas encore de résultats clients, documentez un projet personnel avec la même rigueur. Montrez les métriques de base, votre intervention et les métriques finales. Indiquez clairement qu'il s'agit d'un projet que vous avez initié vous-même.

Idée 6 : Le modèle Outil gratuit + service payant

Créez un petit outil fonctionnel : une calculatrice, un template, une check-list ou un tableau d'évaluation. Proposez-le gratuitement en échange d'une adresse e-mail. Ensuite, envoyez une proposition de service.

Comment la mettre en œuvre : Choisissez un outil qui résout un problème précis pour votre client cible. Créez-le sur une plateforme no-code (par exemple Tally, Gumroad, Carrd) ou avec un simple script. Ajoutez un formulaire de collecte d'e-mails avant le lien de téléchargement. Dans l'e-mail de suivi, ajoutez une étude de cas de votre service payant.

Note sur la propriété des données : Les adresses e-mail collectées via des plateformes tierces (Tally, Gumroad) sont stockées sur leurs serveurs, pas les vôtres. Si vous avez besoin d'un contrôle total sur les données de votre audience, utilisez un outil open source (par exemple Open Form) ou un simple backend que vous hébergez vous-même. Sinon, vous échangez la propriété contre la praticité — ce qui est très bien tant que vous êtes conscient du compromis.

Idée 7 : Le site axé sur le processus

Montrez comment vous travaillez, pas seulement ce que vous avez réalisé. Documentez chaque étape : recherche → brouillon → retours → révision → livraison.

Comment la mettre en œuvre : Pour un projet mis en avant, créez un parcours visuel ou textuel en cinq étapes. À chaque étape, ajoutez un élément concret (capture d'écran d'e-mail, PDF annoté, note de réunion). Les clients embauchent des processus prévisibles, pas seulement des portfolios.

Pour les développeurs et les designers

Idée 8 : L'aire de jeu API en direct

Ajoutez un élément interactif à votre portfolio. Exemples : une barre de recherche qui interroge une API publique, un sélecteur de couleurs, un éditeur markdown en direct ou une petite visualisation de données.

Comment la mettre en œuvre : Utilisez du JavaScript natif ou un framework léger. Déployez l'outil directement sur votre page de portfolio. Ajoutez une courte annotation de code qui montre comment l'appel API est structuré.

Idée 9 : Le portfolio dans le style d'un terminal

Utilisez une esthétique d'interface en ligne de commande pour votre site web personnel. Cette approche est originale et génère souvent des partages sur les réseaux auprès des publics techniques.

Comment la mettre en œuvre : Utilisez une bibliothèque comme Termynal ou écrivez du CSS personnalisé qui imite le rendu d'un terminal. Gardez le contenu minimal : utilisez > about, > work, > contact comme commandes qui dévoilent des sections cachées.

Idée 10 : Le jardin numérique avec une page Now

Publiez des notes courtes et interconnectées au lieu d'articles de blog longs. Ajoutez une page « Now » (Maintenant) qui indique votre domaine d'attention actuel. Mettez à jour cette page tous les mois.

Comment la mettre en œuvre : Utilisez un outil de jardin numérique (par exemple Obsidian Publish, Dendron ou une simple structure de dossiers de type wiki). La page Now doit contenir trois à cinq points sur vos projets actuels, vos objectifs d'apprentissage ou vos intérêts professionnels.

Pour les écrivains et les créateurs

Idée 11 : Le site axé sur le contenu long

Configurez votre page d'accueil pour afficher vos trois meilleurs articles avec leur résumé complet. Ajoutez un bouton d'abonnement bien visible. Supprimez les barres latérales, les widgets d'articles liés et les flux de réseaux sociaux.

Comment la mettre en œuvre : Utilisez un thème minimal sur Ghost, Medium ou WordPress. La page d'accueil ne doit contenir que trois liens, tous pointant vers des articles complets.

Idée 12 : L'archive des meilleures œuvres

Ne sélectionnez que vos cinq meilleurs travaux. N'affichez pas d'archives chronologiques ni de filtres par catégorie. La qualité prime sur la quantité.

Comment la mettre en œuvre : Créez une page intitulée « Best Of » (Mes meilleures œuvres). Listez cinq entrées. Chaque entrée contient : titre, résumé d'une phrase et un lien « Lire la suite ». Ne mettez cette page à jour que lorsqu'une nouvelle œuvre surpasse une entrée existante.

Idée 13 : La newsletter comme page d'accueil

Concevez tout votre site comme une page de destination pour votre newsletter par e-mail. Utilisez Ghost, ConvertKit ou Substack. Tous les visiteurs sont invités à s'abonner.

Comment la mettre en œuvre : La page d'accueil doit contenir : une proposition de valeur (ce que reçoivent les abonnés), un aperçu d'un numéro exemple, un seul champ de saisie pour l'e-mail et un témoignage d'un abonné existant. Supprimez toute autre navigation.

Pour les métiers non traditionnels (Vente, Product Management, Opérations)

Idée 14 : La FAQ sur moi

Rédigez les dix questions que les recruteurs posent le plus souvent. Répondez à chacune dans un format questions-réponses. Cette structure est plus facile à parcourir qu'un bio narratif.

Comment la mettre en œuvre : Revoyez vos trois derniers processus d'entretien. Récupérez les questions récurrentes. Pour chacune, écrivez une question d'une phrase et une réponse de deux à trois phrases. Ajoutez des métriques quand c'est possible.

Idée 15 : La page de boîte à outils

Listez les logiciels, les templates et les flux de travail que vous utilisez réellement. Pour chaque outil, indiquez le problème précis qu'il résout et comment vous le configurez.

Comment la mettre en œuvre : Créez un tableau avec trois colonnes : Nom de l'outil → Cas d'usage → Un conseil de flux de travail. Partagez cette page sur LinkedIn ou sur des forums professionnels. D'autres professionnels la trouveront utile et pourront créer un lien vers elle.

Idée 16 : La bibliothèque de problèmes

Identifiez dix problèmes courants dans votre domaine. Pour chacun, écrivez un court paragraphe qui décrit comment vous l'avez résolu.

Comment la mettre en œuvre : Inspirez-vous d'incidents réels de votre parcours professionnel. Rendez anonymes les informations sensibles. Chaque entrée doit suivre la structure : description du problème → votre étape de diagnostic → votre solution → le résultat.

Conseils pour concevoir un site web personnel attractif

Vous n'avez pas besoin d'être designer. Vous avez juste besoin d'éviter les pièges les plus courants.

Commencez par une question, pas par un template. Demandez-vous : quelle est la chose la plus importante qu'un visiteur doit faire ? Télécharger votre CV ? Vous contacter pour une mission de freelance ? Lire votre dernier article ? Toutes les décisions de conception découlent de cette réponse. Si vous ne pouvez pas y répondre en une phrase, vous n'êtes pas prêt à commencer la construction.

La partie au-dessus de la ligne de pliage est plus importante que vous ne le pensez. Sur ordinateur, « au-dessus de la ligne de pliage » désigne ce que l'utilisateur voit sans défiler. Sur mobile, c'est encore moins d'espace. Utilisez cet espace pour votre nom, ce que vous faites et un seul bouton d'action clair. Tout le reste peut attendre en dessous.

Les polices et les couleurs doivent être simples. Cela semble contre-intuitif, mais c'est le meilleur conseil de design que j'ai jamais reçu. Votre personnalité doit transparaître dans votre contenu et votre travail, pas dans du Comic Sans ou du rose néon. Choisissez une police lisible. Choisissez deux couleurs qui ne fatiguent pas les yeux. Passez à autre chose.

Testez-le sur votre téléphone avant de le publier. La plupart des gens construisent leur site sur ordinateur puis oublient de vérifier l'affichage mobile. Faites l'inverse. Concevez d'abord pour mobile. Si ça rend bien sur un petit écran, ça ira forcément sur un grand écran. L'inverse n'est pas vrai.

La navigation doit être évidente, pas astucieuse. Ne cachez pas votre menu derrière des icônes mystérieuses. N'utilisez pas de noms mignons comme « Réflexions » pour votre blog. Écrivez « Travail », « À propos », « Contact ». Les gens ne veulent pas résoudre une énigme. Ils veulent obtenir des informations.

Une dernière chose avant les idées : si vous cherchez un moyen ultra simple de centraliser tous vos liens et de suivre ce que les visiteurs cliquent réellement, découvrez Biovelt. C'est totalement gratuit, vous permet d'ajouter un nombre illimité de liens, propose plusieurs thèmes pour correspondre à votre style et vous offre un suivi des clics en temps réel. Parfait si vous avez juste besoin d'une page de type « lien dans la bio » sans vous compliquer la vie.

5 erreurs coûteuses qui vous font paraître amateur

Erreur n°1 – « Bienvenue sur mon site » comme titre H1

C'est de l'espace gaspillé. Remplacez-le par « J'aide [X] à atteindre [Y] sans [Z] ». Maintenant les visiteurs savent exactement ce que vous faites en trois secondes.

Erreur n°2 – Pas de moyen clair de vous contacter au-dessus de la ligne de pliage

Ajoutez votre e-mail en texte brut — nom [at] domaine [point] fr pour éviter les robots de spam. Et ajoutez un lien vers votre LinkedIn. Les gens veulent avoir le choix.

Erreur n°3 – Carte de prévisualisation sociale manquante

Quand quelqu'un partage votre site sur Twitter ou LinkedIn, ça apparaît comme un lien vide. Corrigez ça avec Open Graph Generator ou Yoast. Ça prend cinq minutes.

Erreur n°4 – Pas de page 404

Les visiteurs arriveront sur des liens cassés. Ajoutez un message drôle et un bouton pour retourner à la page d'accueil. Ça transforme la frustration en sourire.

Erreur n°5 – Liens internes cassés

Faites un scan gratuit avec Dr Link Checker. Les liens morts donnent une impression de paresse. Et si vous êtes paresseux sur votre propre site, pourquoi quelqu'un vous embaucherait ?

Questions fréquentes

Site web personnel vs portfolio – ai-je besoin des deux ?

Non. Un portfolio est une sous-catégorie des sites web personnels. Utilisez « portfolio » dans votre URL (/portfolio) et dans le titre de la page si votre secteur (design, art) l'attend. Sinon utilisez « travail » ou « projets ».

Quelle est la meilleure plateforme pour un site web personnel en 2026 ?

Carrd pour les pages uniques. Framer pour des designs de qualité. WordPress pour la flexibilité. Notion + Super pour les écrivains. Choisissez en fonction du nombre de pages dont vous avez besoin et du niveau de maintenance que vous acceptez.

Comment écrire une page À propos qui permet d'être embauché ?

Trois paragraphes. Réalisations passées (avec des chiffres si vous en avez). Ce que vous faites maintenant (une phrase). Où vous voulez aller (optionnel, mais ça rend plus humain). Pas d'histoire de vie. Pas de « Je suis né à… » Personne n'en a rien à faire.

Conclusion sur les idées de site web personnel

Revoyez les 16 idées ci-dessus. Identifiez celle qui correspond à votre situation professionnelle actuelle.

Notez le numéro de l'idée. Puis passez 30 minutes à esquisser une maquette selon les conseils de mise en œuvre fournis.

Créez ce qui correspond à votre métier, pas ce qui est à la mode.