Nous avons testé l'IA (ChatGPT) pour coder un site en 1 heure – Voici le résultat surprenant

Auteur : Boisdur-Salbris Matthieu

Pour ce test, nous sommes partis d'un brief client réel : un site vitrine pour une petite entreprise de services, avec une page d'accueil, une page de présentation, une page de contact et un formulaire. Contrainte imposée : une heure de travail effectif, chronomètre lancé. « Fini » signifiait ici produire une première version fonctionnelle, lisible sur mobile et prête à être montrée au client, pas un site parfait livré en production. Nous avons utilisé ChatGPT pour générer le code, le contenu et la structure, puis nous avons noté ce qui s'est bien passé et ce qui a exigé une intervention humaine.

Ce que l'IA fait très bien

Générer un squelette HTML/CSS propre. Demander une structure de page complète, en-tête, navigation, sections, pied de page, avec un reset CSS et des variables de couleurs est presque instantané. Le résultat demande une relecture, mais la base est solide, cohérente et bien organisée.

Produire des squelettes de sections. Une consigne du type « une section héros avec un titre, un sous-titre et un bouton » renvoie un bloc prêt à intégrer, avec un balisage sémantique correct. On assemble ensuite les blocs comme des pièces.

Rédiger des variantes de textes. Obtenir trois formulations pour un titre ou un paragraphe « à propos » prend quelques secondes. Cela fournit une base à retravailler plutôt qu'une page blanche, et aide à sortir de ses propres formulations.

Écrire la documentation. Générer un README, commenter le code ou résumer les choix techniques en fin de session évite de sacrifier du temps sur une tâche rarement prioritaire.

Itérer sur de petits composants isolés. Pour un bouton, une carte ou un formulaire, enchaîner les ajustements (« rends-le plus accessible », « ajoute un état de chargement ») est rapide et confortable.

Ce que l'IA ne remplace pas

Le cadrage métier. Avant d'écrire une ligne de code, il faut comprendre l'activité du client, ses objectifs, sa cible et ses contraintes. L'IA répond à ce qu'on lui demande ; elle ne pose pas les bonnes questions et ne détecte pas un besoin implicite.

Les arbitrages UX et l'accessibilité. Choisir une hiérarchie de l'information, décider d'un parcours de navigation, vérifier les contrastes, la navigation au clavier ou les textes alternatifs relèvent de décisions de conception que l'outil ne valide pas à votre place.

Les choix d'architecture. Quel hébergement, quel framework, comment structurer le projet pour qu'il reste maintenable et puisse évoluer : ces décisions engagent la suite du projet et demandent une vision d'ensemble.

Le durcissement de la sécurité. Protéger un formulaire, valider les données côté serveur, gérer les accès ou prévenir les injections : l'IA propose des pistes, mais ne garantit pas un code sûr dans un contexte de production réel.

Les tests et la responsabilité de mise en production. Vérifier que tout fonctionne sur plusieurs navigateurs et appareils, anticiper les pannes, assurer la supervision : c'est un humain qui engage sa responsabilité au moment de livrer.

La maintenabilité sur le long terme. Un code généré sans vision de l'évolution du projet peut devenir difficile à faire évoluer. Documenter, structurer et garder une cohérence reste un travail de développeur.

Le vrai résultat

Le verdict est équilibré. Oui, l'IA fait gagner un temps réel sur l'exécution : ce qui prenait une demi-journée de mise en place peut être préparé en quelques minutes. Non, elle ne supprime pas le rôle du développeur : son travail se déplace vers l'orchestration, le contrôle qualité et l'architecture. En une heure, l'IA a produit l'essentiel de la structure et du contenu ; ce sont les décisions de cadrage, les corrections d'accessibilité, la sécurité et la cohérence d'ensemble qui ont fait la différence entre un brouillon rapide et un site prêt à être montré.

Trois réflexes à garder quand on utilise l'IA sur un vrai projet :

1. Donnez un brief précis. Plus la demande est détaillée, objectif, public, contraintes, ton, plus le résultat est utile. Un prompt vague produit un code vague.

2. Découpez en petites étapes. Faites générer un composant à la fois plutôt qu'un site entier, et validez chaque bloc avant de passer au suivant.

3. Relisez et testez tout. Traitez la sortie de l'IA comme un brouillon : vérifiez le code, testez sur mobile et gardez la main sur la sécurité et la mise en production.

Conclusion : l'IA est un excellent copilote, pas un pilote automatique.