Créer un site web personnel peut sembler complexe, surtout lorsqu’on veut qu’il soit rapide, professionnel, et adapté à ses besoins. Avec jphenri.com, mon objectif était clair : créer un site vitrine simple et élégant qui reflète mon expertise en IT, intelligence artificielle et cybersécurité.
Pour y arriver, j’ai combiné trois outils puissants : WordPress, ChatGPT, et v0.dev, un agent IA de développement issu de la startup Vibe.dev.
1. Une vision claire pour un site personnel
Avant même de coder, j’ai pris le temps de définir les objectifs du site :
- Mettre en avant mes services en IA, SEO, cybersécurité et développement web
- Présenter quelques projets clients récents
- Publier des articles de blog sur les technologies que j’utilise au quotidien
- Et surtout : garder un contrôle total sur le site et sa maintenance
2. WordPress + Astra : une base solide et légère
J’ai choisi WordPress pour sa flexibilité et sa simplicité d’édition, couplé au thème Astra, reconnu pour sa légèreté et sa compatibilité avec l’éditeur Gutenberg.
Grâce à l’éditeur de blocs natif, j’ai pu :
- Créer des mises en page propres sans code
- Personnaliser les sections facilement (services, projets, à propos)
- Éviter les extensions inutiles pour garder un site rapide
C’est une solution idéale quand on veut garder la main tout en s’appuyant sur un écosystème robuste.
3. v0.dev : un agent IA pour générer du code d’interface
C’est ici que ça devient vraiment intéressant.
J’ai découvert v0.dev, un outil développé par la startup Vibe. Il fonctionne comme un agent IA spécialisé dans la création d’interfaces web.
Son fonctionnement est simple :
🧠 Tu décris l’interface que tu veux (ex. “un hero avec deux boutons”)
⚙️ Et il te génère instantanément du code React ou HTML/CSS moderne et responsive
J’ai utilisé v0.dev pour :
- Prototyper rapidement des sections comme le Hero, les services ou les projets
- Explorer des designs visuellement inspirants
- Réutiliser et adapter le code généré dans Gutenberg (après conversion)
Même si je n’ai pas utilisé 100 % du design généré par v0, cet outil m’a permis de gagner du temps, de tester des idées, et d’aller droit au but.
4. ChatGPT : mon copilote pour chaque étape
Enfin, j’ai utilisé ChatGPT comme assistant tout au long du processus :
- Rédaction des textes de présentation et des services
- Création de code HTML/CSS adapté à Gutenberg
- Suggestions pour améliorer l’UX, ajouter des effets, créer des CTA
- Aide à la rédaction de cet article de blog 😄
L’IA m’a permis de ne jamais rester bloqué et d’avancer plus rapidement, tout en gardant une logique et une cohérence de design.
5. Le résultat : un site simple, rapide, humain
Aujourd’hui, jphenri.com est un site :
- Sobre et professionnel, à mon image
- Facile à mettre à jour moi-même avec WordPress
- Alimenté par un blog pour partager mes idées et découvertes en tech
Et surtout, il reflète une philosophie que je partage :
💡 Combiner outils no-code, intelligence artificielle, et expérience humaine pour créer rapidement de la valeur.
Conclusion
Grâce à WordPress, ChatGPT et v0.dev, j’ai réussi à concevoir un site moderne, évolutif, et fidèle à ma vision — sans sacrifier la simplicité.
Si vous souhaitez lancer un site ou automatiser une partie de votre présence numérique, sachez que l’intelligence artificielle n’est pas là pour remplacer… mais pour accélérer et amplifier ce que vous pouvez déjà faire.
Publié par Jean-Philippe Henri, consultant en IA et optimisation numérique
