Projet personnel
Ce site, de la stratégie au code.
- Intention
- La démonstration vivante de mes capacités : unifier la pensée stratégique, la conception visuelle et l'exécution technique.
- Contexte
- Projet personnel
- Année
- 2026
- Rôle
- Stratégie, design et développement
- Disciplines
- Stratégie de marqueDesignDéveloppement webIntégration IA
Un site personnel se contente souvent de décrire un parcours. Je voulais qu'il fasse autre chose : qu'il fasse ressentir, en quelques secondes, la manière dont je pense et dont je travaille. Le concevoir, le dessiner et le construire moi-même, de la stratégie au code, n'était pas un exercice de style. C'était la démonstration.
Le défi
J'avais déjà un site, sur WordPress. Il fonctionnait. Mais il ne me ressemblait pas.
Le problème n'était pas l'outil en lui-même : WordPress reste pertinent pour beaucoup de besoins. Le problème, c'était l'écart entre ce que je voulais transmettre et ce que la plateforme me laissait faire. Chaque thème impose sa logique, chaque ambition un peu forte se heurte à une limite, à un module de plus, à une lenteur supplémentaire. Dès l'instant où l'identité, les animations sur mesure et la performance deviennent des exigences, l'outil cesse d'être un levier pour devenir un frein.
Et j'avais un défi de départ peu commun. Mon profil ne tient dans aucune case : il croise l'analyse politique, la gestion et la maîtrise concrète du digital. Comment présenter cela sans tomber dans le portfolio interchangeable ? Et comment prouver que je pense la stratégie et que je la construis, au lieu de simplement l'affirmer ?
La conclusion s'est imposée : le site ne parlerait pas de mon travail, il en serait un.
Mon approche
J'ai commencé là où je commence toujours : par la stratégie, jamais par la technique.
Avant la moindre ligne de code, j'ai posé une direction claire. Un positionnement hybride et assumé, avec un angle différenciant : l'intelligence artificielle souveraine, maîtrisée et respectueuse des données. C'est cette direction, et non une tendance esthétique, qui a gouverné chaque décision ensuite. La promesse d'accueil, « Je pense la stratégie. Je construis le digital. », fixe le cap que tout le reste du site doit tenir.
J'ai ensuite traité une dimension qu'on néglige souvent : le ressenti. Un visiteur se forge une opinion en quelques secondes, avant même d'avoir lu une phrase. J'ai donc choisi une direction artistique exigeante, un univers sombre, un violet signature, une typographie affirmée, un rythme de sections en clair-obscur, pour qu'au premier regard le site dégage le sérieux, la modernité et la maîtrise. Faire juste, avant de faire joli.
Décisions clés
Le sur-mesure plutôt que le gabarit. Le développement complet m'a rendu le contrôle total : sur l'identité, sur la performance, sur chaque interaction. C'est une conviction que je porte au-delà de mon cas : lorsque l'identité et la performance priment, le sur-mesure n'est pas un luxe, c'est la réponse juste.
Une seule main, de la vision au code. Là où une agence répartit la stratégie, le design et le développement entre plusieurs équipes, ce site a été pensé et construit par la même personne, du début à la fin. Rien ne s'est perdu en chemin : l'intention de départ se retrouve intacte dans le résultat.
Une marque, un univers. J'ai bâti le site autour d'une idée, le lien, jusque dans l'animation d'accueil : une constellation de points reliés entre eux, métaphore du réseau, de l'intelligence et de la mise en relation des idées. La forme sert le fond.
L'intelligence artificielle, en différenciateur honnête. J'en ai fait un axe à part entière, présenté avec franchise : ce que je maîtrise concrètement, et ce que j'aborde avec prudence. La crédibilité se gagne par la justesse, pas par l'esbroufe.
Sous le capot
Pour les regards plus techniques, voici ce qui anime le site.
Il est développé avec Next.js et React, pensé dès la conception pour la performance et le référencement : rendu statique des pages, métadonnées structurées (Open Graph, données structurées JSON-LD), plan de site et balisage soignés.
L'animation d'accueil s'appuie sur du WebGL sur ordinateur, avec une dégradation entièrement maîtrisée : une version allégée en SVG et CSS sur mobile, sans aucune librairie lourde envoyée aux téléphones, et une version statique pour les personnes sensibles au mouvement, dans le respect des préférences d'accessibilité du système. Chaque effet est conçu pour ne jamais coûter en performance ni en confort de lecture.
Le contenu, analyses comme réalisations, repose sur un système de fichiers : publier revient à déposer un fichier, sans toucher au code. Les images sont optimisées, et l'ensemble a été vérifié au pixel près sur toutes les tailles d'écran, sans le moindre débordement.
Rien n'est laissé au hasard. Rien n'est superflu.
Le résultat
Ce site est exactement ce qu'il devait être : la preuve que je conçois un projet de bout en bout et que je le construis moi-même, de la première intention stratégique jusqu'au dernier pixel.
Il porte aussi une conviction qui dépasse mon cas personnel. Trop d'organisations restent prisonnières d'outils qui les contraignent plus qu'ils ne les servent. Reprendre la main sur son site, ce n'est pas une décision technique : c'est reprendre le contrôle de son identité, de sa performance et de son message. Si cette situation vous parle, c'est précisément le type de transition que je sais mener, de la vision jusqu'au code.
Ce que j'en retiens
Construire ce site m'a confirmé une chose : la cohérence ne se décrète pas, elle se construit à chaque décision. Quand la même personne tient la stratégie, le design et le code, rien ne se dilue entre les étapes, et le résultat porte une intention unique du début à la fin.
J'en retiens aussi que la contrainte technique n'est jamais neutre. L'outil qu'on choisit façonne ce qu'on peut dire. Reprendre la main sur le sien, c'est se redonner le droit d'être exigeant.