L’ancien portfolio n’était pas simplement un site vitrine. C’était un espace où se mêlaient expertise technique (articles et tutoriels), réalisations professionnelles (projets clients) et univers personnel (hobbies et passions).
Un portfolio ne devrait pas être une liste de projets : il devrait raconter une histoire. C’est ce que j’ai tenté de faire avec cet ancien site, entre expertise technique et univers personnel.
Ce que vous allez apprendre
Le Contexte
Le concept
Objectifs du projet
Multi-facettes
Présenter des facettes différentes de mon parcours (technique, créative et personnelle) dans un espace cohérent et agréable à parcourir, sans que le site ne paraisse décousu.
Contenu varié
Le site devait accueillir des formats très différents : articles de blog longs, fiches projets détaillées, galeries de hobbies. Chaque type de contenu avait ses propres exigences de mise en page.
Évolutivité
Le portfolio devait pouvoir évoluer facilement avec l’ajout de nouveaux articles, projets et passions, sans nécessiter de modifications techniques complexes.
Solution
1
Architecture modulaire
Conception d'une structure modulaire avec des sections dédiées : blog (articles techniques), projets (études de cas), hobbies (galeries et présentations) et un accès secret.
2
Design adaptable
Création d'un design flexible à l'utilisateur et capable de s'adapter à chaque type de contenu tout en maintenant une identité visuelle cohérente.
3
Navigation intuitive
Mise en place d'un système de navigation clair avec filtres, catégories et recherche pour trouver rapidement n'importe quel contenu.
4
Optimisation SEO
Chaque article et projet était optimisé pour le référencement naturel, avec des balises sémantiques et des données structurées.
Sections du portfolio
Articles
Section Articles
Des articles techniques couvrant le développement web, le SEO, les frameworks modernes et les bonnes pratiques. Chaque article était structuré avec :
- Une introduction claire avec problématique
- Du code commenté et des exemples concrets
- Des comparatifs d’outils et de frameworks
- Une conclusion avec points clés à retenir
📖
Objectif
Partager mon expertise technique tout en construisant une crédibilité sur les moteurs de recherche. Les articles sont devenus une source importante de trafic organique.
Projets
Section Projets
Chaque projet client ou personnel est présenté comme une étude de cas complète :
- Le contexte et la problématique
- La solution technique choisie
- Les résultats obtenus avec des KPIs
- La stack technique utilisée
📖
Objectif
Démontrer ma capacité à résoudre des problèmes concrets et à livrer des solutions performantes. Les projets servent de preuves sociales pour les futurs clients.
Hobbies
Section Hobbies
Une section plus personnelle présentant mes passions en dehors du code :
- Photographie
- Création visuelle 3D
- Inspiration Technologique
📖
Objectif
Humaniser le portfolio et montrer que derrière le développeur il y a une personne avec des passions variées. Cela crée un lien personnel avec les visiteurs.
Résultats
Recommandations
30+
Etudes de cas pertinents et donc convaincants
Features
50+
Création de fonctionnalités
✓
Un portfolio qui a porté ses fruits
L’ancien portfolio a été un véritable catalyseur de croissance. Les articles techniques ont généré un trafic organique important, les projets ont attiré de nouveaux clients et la section hobbies a créé des connexions personnelles avec les visiteurs.
Stack technique
Ce qu’il faut retenir
Portfolio Basique
Un portfolio classique
- Page vitrine simple avec liste de projets
- Pas de contenu éditorial
- Différenciation faible
- Peu de trafic organique
Portfolio Multi-facettes
Un portfolio stratégique
- Articles + projets + hobbies en un seul espace
- Contenu éditorial valorisant l’expertise
- Identité personnelle forte et mémorable
- Trafic organique croissant grâce au SEO
- Accessibilité web pour les utilisateurs
Des zones d'ombre ?
Pourquoi inclure des hobbies dans un portfolio professionnel ?
Les hobbies humanisent le profil et créent des points de connexion avec les visiteurs. Un client potentiel qui partage une passion commune est plus enclin à vous faire confiance. C'est aussi un moyen de se différencier des autres portfolios purement techniques.
Comment gérer un contenu aussi varié ?
La clé est une architecture modulaire avec des sections clairement séparées mais visuellement cohérentes. Chaque type de contenu a son propre template, mais l'identité visuelle globale reste la même.
Ce type de portfolio est-il toujours pertinent ?
Absolument. Le modèle « articles + projets + personnalité » est plus que d'actualité. Il construit une autorité thématique tout en créant un lien humain avec les visiteurs.
Orfèvre Digital
Prêt à lancer votre projet ?
Je donne vie à vos idées en créant des sites web et applications intuitifs, esthétiques et fonctionnels.
Disponible
Articles Connexes
1+2
Cluster
Brouillon
Connexe
Composants React
Créez des composants React réutilisables avec les patterns Atom/Molecule/Organism. Maîtrisez les props, le state et la composition de composants.
Connexe
SEO et Performance Web : Les Deux Piliers de la Visibilité en Ligne
Maîtrisez les fondamentaux du SEO et de la performance web : Core Web Vitals, audits, optimisation des assets, contenu optimisé et stratégie d'amélioration continue.
Brouillon
Connexe
Figma pour les Développeurs : Du Design au Code
Maîtrisez le workflow Figma : Auto Layout, Dev Mode, design tokens et extraction de code. Guide pratique pour passer de la maquette au composant sans friction.
Inspiration
Découvrez d'autres projets
Développement 21 juillet 2026
Bao-Link Documentation : De WordPress à un Écosystème Centré Utilisateur
Le projet Bao-Link raconte l'évolution du site et de ses outils: la création d'un premier site WordPress vitrine, puis le passage à Astro avec un site 100% sur mesure, sans template, centré sur le SEO et l'expérience utilisateur ainsi que les projets liés : diag-application et personas.
Astro WordPress # Migration
Voir le projet 
Développement 16 juillet 2026
ACM : Refonte E-commerce avec Astro, Express & WordPress
Étude de cas complète : migration d'un site e-commerce WordPress/WooCommerce vers une architecture Astro SSR + proxy Express, avec déploiement et optimisation SEO.
Astro Express WordPress
Voir le projet 
Développement 16 juillet 2026
Soair : La Transition Numérique Complète
Étude de cas complète : création d'un site WordPress professionnel puis migration vers Hugo pour des performances optimales et un SEO décuplé.
# Soair WordPress Hugo
Voir le projet 