Créer son site web avec l’IA : jusqu’où tu peux aller toute seule

Cet article va te dire jusqu’où tu peux aller toute seule, et surtout où ça arrête. La deuxième partie est celle qui va t’économiser le plus.

Y’a une affaire que j’entends souvent : « je ne suis pas capable, je ne code pas ». Et je le comprends. Le mot « code » traîne une intimidation de vingt ans, et la première fois qu’on voit du HTML, ça ressemble à du bruit.

Par contre, entre « je ne code pas » et « ça me prend quelqu’un », y’a une zone très large où tu peux te débrouiller. Elle s’est beaucoup agrandie ces deux dernières années, et beaucoup d’entrepreneures ne savent pas qu’elle existe.

Ce que tu peux monter toute seule

La règle est simple : tout ce qui vit dans une seule page et qui n’a besoin de retenir aucune information après ta visite.

• Une page de vente ou une page « à propos », avec ta mise en page à toi.
• Une calculatrice : prix de revient, seuil de livraison gratuite, taux horaire, estimation de forfait.
• Un aide-mémoire interactif, une grille tarifaire, un comparateur de tes options.
• Un petit quiz qui oriente ta visiteuse vers la bonne offre.
• Une page de remerciement après un achat.
• Des corrections ciblées sur un site qui existe déjà : une couleur, un espacement, un bouton, une police.

Pour ma boutique, j’avais besoin de savoir à partir de combien d’articles une commande restait payante avec la livraison gratuite. Personne ne vend cet outil-là, il est trop précis. J’ai décrit mon calcul en français, avec mes vrais coûts, et je me suis ramassée avec une page où je bouge un curseur et où le chiffre se replace. Une soirée.

C’est ça, la zone. Des affaires trop petites pour engager quelqu’un et trop précises pour exister ailleurs. C’est un des neuf usages de l’IA qui n’ont rien à voir avec écrire, et c’est celui qui surprend le plus.

Comment demander pour recevoir quelque chose d’utilisable

Trois choses changent tout, et aucune n’est technique.

Demande un seul fichier. Précise que tu veux une page HTML autonome, avec le style et les fonctions dedans. Tu te retrouves avec un fichier que tu ouvres en double-cliquant dessus. Sans ça, on te propose parfois une structure en quatre fichiers reliés, et t’es partie pour une soirée de rangement au lieu d’une soirée de construction.

Décris ce que ça fait, pas comment le faire. « Je veux entrer mon coût de matériel, mes heures et mon taux, et voir le prix se calculer pendant que je tape. » C’est une consigne complète. T’as pas à connaître le nom des morceaux.

Donne tes couleurs et tes polices. Sinon tu reçois du bleu et du gris, comme tout le monde. Colle tes codes de couleur et le nom de tes polices dans la demande, et la page ressemble à ta marque dès la première version.

Quand ça casse, et ça va casser

Un message d’erreur, c’est pas un verdict sur toi. C’est une phrase qui dit ce qui ne s’est pas passé comme prévu. Rien de plus.

Le geste qui règle le plus de choses : colle le message d’erreur au complet, tel quel, sans le résumer. Il contient souvent le numéro de la ligne fautive.

Et quand y’a pas de message, décris avec précision. « C’est tout croche » ne mène nulle part. « Le bouton apparaît deux fois plus bas que le texte sur mon téléphone, mais il est correct sur mon ordinateur » se règle en une minute.

Sept mots qui te sortent d’à peu près tout

T’as pas besoin d’apprendre à coder. T’as besoin de sept mots pour dire où ça accroche.

• Balise : un morceau de la page. Un titre, un paragraphe, une image.
• Classe : une étiquette collée sur un morceau pour lui donner une allure.
• Padding : l’espace à l’intérieur d’un bloc, entre son bord et son contenu.
• Margin : l’espace à l’extérieur, entre deux blocs.
• Responsive : la page s’ajuste à la largeur de l’écran.
• Console : l’endroit du navigateur où les erreurs s’écrivent, souvent accessible avec la touche F12.
• La cache : la copie que ton navigateur garde en mémoire. Quand une correction ne paraît pas, c’est très souvent elle.

Avec ces sept-là, tu passes de « ça marche pas » à « le padding du bloc est trop grand en responsive ». La même correction, demandée deux fois, avec deux résultats complètement différents.

Les quatre signaux que t’as atteint la limite

Voici où la zone s’arrête. Ces quatre-là demandent un serveur, c’est-à-dire un ordinateur qui continue de travailler quand ton onglet est fermé. Une page seule ne peut pas le faire, peu importe la qualité de ce que t’as demandé.

• Envoyer un courriel automatiquement. Un formulaire de contact qui t’écrit vraiment, une confirmation qui part toute seule.
• Encaisser un paiement. Y’a de la sécurité et de la conformité là-dedans qu’on ne bricole pas.
• Une zone membre. Des comptes, des mots de passe, du contenu réservé.
• Garder de l’information après la visite. Des inscriptions, un inventaire, un historique de commandes.

Reconnaître ces quatre signaux est une compétence en soi. Le but, c’est pas l’autonomie totale : c’est de savoir où passer le relais, et de le savoir avant d’avoir perdu trois fins de semaine.

Ce que tu prépares avant d’appeler quelqu’un

Et là, y’a une très bonne nouvelle. Le travail que t’as fait toute seule ne se perd pas, même quand tu passes le relais. Il devient le devis.

Arrive avec ta maquette qui fonctionne à moitié, la liste de ce qu’elle doit faire, tes couleurs, tes polices, et les quatre affaires que t’as pas réussi à régler. La personne qui code voit en dix minutes ce que t’as en tête, au lieu de le déduire de deux courriels et d’un appel.

Un mandat clair coûte moins cher qu’un mandat flou. C’est vrai dans tous les métiers, et ça l’est particulièrement dans celui-là.

Si tu essaies une seule affaire

Prends le plus petit calcul que tu refais à la main depuis des mois. Celui que tu recommences dans un coin de fichier chaque fois qu’une cliente te pose la question.

Décris-le en français, demande une page HTML autonome avec tes couleurs, ouvre le fichier, et regarde le chiffre bouger.

C’est un petit outil. Et c’est le tien, monté à ta main, pour un problème que t’es seule à avoir.

---

P.S. Les six outils gratuits de L’outilthèque sont exactement ce genre de pages-là, montées une par une : un coffre de 254 prompts expliqués, un calculateur de forfait, un détecteur de clichés d’IA, un atelier des accroches, un générateur de signature courriel et une jauge à marché. Va voir comment ils sont faits, ça donne de bonnes idées pour le tien.

Voir L’outilthèque