Ce projet documente l’évolution du site Bao-Link : ses choix techniques, ses projets liés, et la philosophie qui guide chaque décision.
L’idée de départ était de montrer ce qu’on sait faire. Mais très vite, un constat s’est imposé : à quoi bon montrer ce qu’on sait reproduire quand tout le monde a le même type de site ?
La vraie valeur, c’est de montrer ce qu’on peut changer : en construisant un site performant, avec le strict nécessaire, centré sur ce que les utilisateurs veulent voir et manipuler.
Le web d’aujourd’hui est saturé de sites construits sur les mêmes outils, avec les mêmes thèmes, les mêmes limitations.
WordPress propulse 41,2% de tous les sites web et 59,1% du marché des CMS : mais cette part est en déclin
Seulement 48% des sites mobiles passent les 3 critères Core Web Vitals
+ 0,1s de vitesse mobile = +8,4% de conversion retail. +10,1% pour le voyage
Avoir un site WordPress aujourd’hui, c’est comme ouvrir une boutique dans une zone commerciale : tu es entouré de centaines d’autres boutiques qui vendent les mêmes produits, avec les mêmes vitrines, les mêmes prix. Pour te démarquer, il faut construire ta propre boutique, avec une expérience unique qui donne envie aux gens de faire le détour.
Création d'un site vitrine + blog sous WordPress. Choix logique : CMS le plus utilisé, documentation abondante, plugins pour tout. Mais très vite, les limites apparaissent : maintenance lourde, performance moyenne, personnalisation bridée.
La vraie valeur n'est pas dans le CMS, mais dans ce qu'on peut transformer. Le site WP devient un point de départ pour montrer ce qu'il est possible d'améliorer : performance, SEO, expérience utilisateur.
Construction d'un site Astro sans template, avec zéro code préexistant. Tout est pensé pour ce que les utilisateurs veulent voir et manipuler : documentation interactive, composants réutilisables, outils intégrés. Pas une simple vitrine.
Application combinant veille concurrentielle et analyse de marché. Permet d'identifier ce qui se fait dans le secteur, d'ajuster son offre, et de mieux orienter les prospects selon leurs besoins : le tout de manière anonyme et conforme au RGPD.
Site spécialisé dans la création de personas utilisateurs. Chaque profil reçoit un contenu adapté : exemples concrets, avis, FAQ et sections ciblées par persona. L'objectif : améliorer le SEO avec un champ lexical spécifique à chaque audience, tout en augmentant la pertinence du message.
Site vitrine classique, thème imposant sa structure, maintenance hebdomadaire, performance moyenne (Lighthouse ~70-80), personnalisation limitée, plugins accumulés. Le site ne se démarque pas.
Site statique sans template, contrôle total sur chaque pixel, maintenance quasi nulle, performance au sommet (Lighthouse 98-100), composants interactifs, documentation vivante. Le site devient un outil pour l’utilisateur.
L’objectif n’est pas de « refaire le même site en mieux ». C’est de repenser ce qu’un site peut offrir : de la documentation qui enseigne, des composants qui illustrent, des outils qui servent. Chaque élément a une raison d’être : et cette raison, c’est l’utilisateur. Découvrez en détail comment cette philosophie se traduit concrètement dans l'article dédié au site Astro
ArticleBao-Link : Construire un site Astro centré utilisateurComment le site Bao-Link a été repensé sans template : documentation interactive, composants réutilisables, et une UX qui donne à l'utilisateur les moyens de comprendre, pas juste de regarder..
Chaque article suit la méthode IMRaD adaptée au debug :
Description précise de l'erreur, du fichier concerné, et de l'impact (lint, accessibilité, performance).
Analyse de la cause racine avec le code fautif et les fichiers impliqués.
Étapes de correction avec le code avant/après et les chemins des fichiers modifiés.
Le code corrigé sous forme de template à appliquer dans d'autres composants.
Points de vérification pour éviter la récidive.
Au-delà des projets, je continue d’ajouter de la documentation sur tous les univers que je touche : au travers de l’expérience avec mes clients, mais aussi de mes recherches personnelles sur l’amélioration continue entre ce que les utilisateurs recherchent et ce que nous, développeurs et constructeurs de sites web, pouvons leur offrir pour une meilleure expérience utilisateur.
Documenter un bug, c’est comme laisser un ticket dans une boîte à outils : la prochaine fois que quelqu’un rencontrera le même problème, il trouvera la solution immédiatement, sans avoir à tout réinventer.
La meilleure documentation est celle qu’on écrit au moment où on résout le problème. Pas demain, pas la semaine prochaine : maintenant, quand le diagnostic est encore frais. Et la meilleure façon de montrer son savoir-faire, ce n’est pas de refaire ce que tout le monde fait : c’est de montrer ce que les autres ne font pas.
Je donne vie à vos idées en créant des sites web et applications intuitifs, esthétiques et fonctionnels.
Comment le site Bao-Link a été repensé sans template : documentation interactive, composants réutilisables, et une UX qui donne à l'utilisateur les moyens de comprendre, pas juste de regarder.
Retour sur le premier site Bao-Link sous WordPress : les limites d'un CMS générique, la prise de conscience que tout le monde se ressemble, et le passage à Astro pour reprendre le contrôle.
Développement d'une application pour vendre ses services tout en obtenant des informations clés sur la concurrence.
Comment résoudre les erreurs lint 'Use the Image component', 'href required' et 'invalid href' dans un composant Astro avec images dynamiques.
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.
Construisez et organisez votre bibliothèque de composants UI : design tokens, atomic design, Figma ↔ code, Storybook, et workflow complet du design au déploiement.
Maîtrisez les balises sémantiques HTML5 pour votre SEO, accessibilité et maintenabilité. Guide complet : balises, exemples et checklist de validation.
É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.
É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é.
Regroupement des études de cas sur le développement de l'application SaaS immobilière Ideeri : interface professionnelle et interface particulier.
Discutons ensemble de vos objectifs et transformons votre vision en une réalité performante et pérenne.
