Ce site a été construit avec l'IA : voici comment (et pourquoi)

Vous êtes en train de lire un site web entièrement conçu, rédigé, designé et développé avec l’intelligence artificielle. Pas partiellement. Pas “assisté”. Intégralement. Du brief métier au déploiement en production, chaque étape a été réalisée par un système de 6 agents IA spécialisés, coordonnés par un agent chef de projet.

Ce n’est pas un gadget marketing. C’est la preuve par l’exemple que notre approche fonctionne. Et puisque nous prônons la transparence, voici exactement comment ça s’est passé.

Pourquoi construire un site avec l’IA ?

La réponse est simple : parce que nous sommes un cabinet d’automatisation par l’IA. Si nous ne sommes pas capables d’utiliser nos propres méthodes pour construire notre vitrine, pourquoi un client nous ferait-il confiance ?

Mais au-delà de la cohérence, il y a un argument pragmatique. Un site corporate classique, avec brief, design, rédaction, développement et SEO, coûte entre 15 000 et 50 000 EUR et prend 2 à 4 mois. Nous voulions prouver qu’avec l’IA, on peut atteindre un résultat professionnel en une journée.

Spoiler : ça a marché.

L’architecture multi-agents : 6 agents IA spécialisés

Le secret n’est pas d’utiliser un seul LLM pour tout faire. C’est de spécialiser chaque agent sur un domaine précis, avec des instructions claires, des contraintes définies, et un workflow structuré.

Voici les 6 agents qui ont construit piwa.one :

1. Agent Chef de Projet (@chef-projet-piwa)

Rôle : Orchestrateur. Coordonne les autres agents, gère les dépendances entre livrables, suit l’avancement, résout les blocages.

Ce qu’il produit :

• Le fichier de suivi projet (docs/SUIVI_PROJET.md) mis à jour en temps réel
• Les décisions d’architecture et de priorisation
• La validation de chaque livrable avant passage au suivant

2. Agent Expert Métier (@expert-metier-piwa)

Rôle : Interviewer le fondateur (moi) pour extraire la substance de l’entreprise. Structurer le brief métier.

Ce qu’il produit :

• docs/brief-metier.md : identité PIWA, offres, différenciation, ton, cas clients, vision

Méthode : Interview structurée en 4 blocs (identité, offres, clients, vision). L’IA pose les questions, synthétise les réponses, demande des précisions. Le résultat est un brief de 3 000 mots, exploitable par tous les autres agents.

3. Agent Marketing (@expert-marketing-piwa)

Rôle : Rédiger la copie marketing complète, FR et EN, à partir du brief métier.

Ce qu’il produit :

• docs/copie-marketing.md : stratégie CTA, architecture du site, copie de chaque section (hero, problème, méthode, offres, cas clients, fondateur, méta-transparence, FAQ, contact, footer)

Particularité : Le FR et le EN sont des adaptations culturelles, pas des traductions. Le ton français est plus direct et punchline. Le ton anglais est plus factuel et business-oriented.

4. Agent SEO (@expert-seo-piwa)

Rôle : Optimiser la copie pour le référencement naturel et le GEO (Generative Engine Optimization).

Ce qu’il produit :

• docs/strategie-seo.md : mots-clés cibles FR/EN, meta tags, JSON-LD, recommandations techniques
• Enrichissement de la copie marketing avec des mots-clés intégrés naturellement

Résultat : 12 mots-clés cibles FR, 12 EN. Structured data (Organization, Service, FAQPage, BreadcrumbList) pour chaque page. Meta descriptions optimisées. Sitemap XML avec hreflang croisés.

5. Agent Webdesigner (@webdesigner-piwa)

Rôle : Créer le design system complet du site.

Ce qu’il produit :

• docs/design-system.md : concept “Dark Precision”, palette de couleurs, typographie, composants, animations, responsive, traitement des images

Concept retenu : Un site sombre, épuré, premium. Fond quasi-noir (#0A0A0F), accents indigo (#4F46E5) et cyan (#06B6D4), typographie Space Grotesk / Inter. L’effet “Whaaaa!” vient du contraste entre la sobriété du fond et la vivacité des accents.

6. Agent Technique (@expert-technique-piwa)

Rôle : Implémenter le site dans le code, à partir de tous les livrables précédents.

Ce qu’il produit :

• L’ensemble du code source dans src/ : layouts, composants, pages, styles, i18n
• La configuration Astro, Tailwind, Firebase

Stack : Astro (générateur statique, zéro JS par défaut), Tailwind CSS, TypeScript, Firebase Hosting.

Le workflow : de la page blanche au site en production

Le processus a suivi un ordre précis, chaque étape alimentant la suivante :

Phase 1 — Brief métier (matin) L’agent expert-métier m’a interviewé. 4 blocs de questions, des relances, des demandes de précision. En 45 minutes d’échange, il a produit un brief de 3 000 mots couvrant l’identité PIWA, les 4 offres, la différenciation (autonomie client), le ton, et 3 cas clients.

Phase 2 — Design + Copie (en parallèle) L’agent webdesigner a créé le design system pendant que l’agent marketing rédigeait la copie. Les deux travaillaient à partir du même brief, ce qui garantit la cohérence. Temps combiné : moins d’une heure.

Phase 3 — SEO L’agent SEO a enrichi la copie marketing avec les mots-clés cibles et produit la stratégie SEO technique (meta tags, JSON-LD, hreflang, sitemap).

Phase 4 — Implémentation (après-midi) L’agent technique a transformé les 3 livrables (design system, copie enrichie, stratégie SEO) en code. Build Astro, 15+ pages générées en statique, responsive, multilingue, SEO complet.

Phase 5 — Review et corrections Revue critique, corrections appliquées (15 points identifiés), corrections design (4 points), revue SEO finale. Chaque correction documentée dans le suivi projet.

Temps total : 1 journée. Pour un site corporate multilingue (FR + EN), avec 15+ pages, SEO complet, design system cohérent, et contenu professionnel.

Les chiffres

Métrique	Valeur
Nombre d’agents IA	6
Nombre de pages générées	19+
Langues	2 (FR + EN)
Temps total de production	1 journée
Livrables documentaires	5 (brief, copie, design, SEO, suivi)
Lignes de code générées	~4 000
Score Lighthouse Performance	95+
Coût d’un site équivalent (agence)	15 000 - 50 000 EUR
Coût réel (infrastructure IA)	< 15 EUR (1 jour d’abonnement Claude)

Ce que ça prouve

1. L’IA ne remplace pas l’humain. Elle accélère l’humain. J’ai été impliqué à chaque étape : interview métier, validation des livrables, décisions d’arbitrage. L’IA a fait le travail d’exécution. J’ai fait le travail de direction.

2. La spécialisation des agents est clé. Un seul prompt ne peut pas produire un site complet. Six agents spécialisés, avec des instructions précises et des contraintes claires, produisent un résultat bien supérieur à un agent généraliste.

3. Le workflow compte autant que les outils. L’ordre des étapes, les dépendances entre livrables, le format de chaque document : c’est l’ingénierie du processus qui fait la qualité du résultat.

4. La transparence est un avantage. Au lieu de cacher l’utilisation de l’IA, nous l’affichons. Parce que c’est exactement ce que nous vendons : la capacité à utiliser l’IA pour produire des résultats professionnels, rapidement, à moindre coût.

Les limites (parce que la transparence, c’est aussi ça)

Tout n’a pas été parfait :

• Les images : l’IA ne génère pas de photos. Nous avons utilisé Unsplash pour les visuels et des gradients CSS pour les décorations.
• Les témoignages : impossible de générer de vrais retours clients. Cette section attend de vrais feedbacks.
• Le ton : les premiers jets de copie étaient parfois trop génériques. Il a fallu 2 passes d’affinage pour atteindre le ton “expert/décalé” souhaité.
• Les accents français : les LLM anglo-saxons oublient régulièrement les accents. Une correction dédiée a été nécessaire.

Pourquoi ça vous concerne

Si 6 agents IA peuvent construire un site corporate professionnel en une journée, imaginez ce qu’ils peuvent faire pour vos processus métier.

Chez PIWA, nous appliquons cette même logique multi-agents à vos problèmes d’automatisation. Que ce soit pour générer des propositions commerciales, automatiser le traitement documentaire, ou créer un assistant IA interne, l’approche est la même : spécialiser, structurer, itérer.

Le résultat ? Des solutions qui fonctionnent en production, pas des prototypes qui prennent la poussière.

Si vous voulez voir ce que l’IA peut faire pour votre entreprise, commencez par un workshop IA de 2 heures. Vous repartirez avec une vision claire des opportunités, et la preuve (ce site) que nous savons livrer.

Envie de voir ce que l’IA peut faire pour vous ? Réservez un workshop et passons de la théorie à la pratique.