L'IA construit des sites web maintenant. Voici pourquoi vous avez encore besoin d'humains

L'IA construit des sites web maintenant. Voici pourquoi vous avez encore besoin d'humains

J'ai regardé un partenaire visitant de YC démolir douze sites web de startups en quarante minutes. Pas avec cruauté — avec précision. Raphael Shod était là, partageant son écran sur chaque landing page, pointant exactement les mêmes patterns de design générés par IA qui apparaissaient dans des entreprises qui ne s'étaient jamais parlé. Des dégradés violets. Des arrière-plans avec des particules flottantes. Des sections hero avec scroll détourné. Des animations de fondu sur chaque élément. C'était comme regarder quelqu'un identifier la même empreinte digitale sur douze scènes de crime différentes.

Le coupable n'était pas un designer paresseux. C'était l'IA elle-même.

Voici ce qui a rendu cette session véritablement inconfortable : plusieurs de ces startups avaient levé de vrais fonds. Elles avaient des produits solides, des fondateurs ingénieux et une traction réelle. Mais leurs sites web — la toute première chose qu'un client potentiel ou un investisseur voit — semblaient sortir de la même usine à templates. Et d'une certaine manière, c'était le cas. Les outils d'IA qu'elles avaient utilisés pour générer ces sites puisaient tous dans des données d'entraînement similaires, des tendances de design similaires, des « meilleures pratiques » similaires qui produisaient des sites techniquement compétents mais fondamentalement interchangeables.

Cette session de revue de design avec Raphael a changé ma façon de penser le design web assisté par IA. Pas parce que l'IA est mauvaise en la matière — bien au contraire. L'IA est devenue effroyablement douée pour produire des sites web d'apparence professionnelle. Le problème est plus subtil et plus dangereux qu'un mauvais design. Le problème est que l'IA produit un design suffisamment bon pour tromper celui qui le construit, mais pas suffisamment bon pour tromper celui qui y atterrit pour la première fois.

J'ai passé les deux semaines suivantes à reconstruire ma propre approche du design web généré par IA en me basant sur ce que j'avais appris. Ce qui suit est tout ce que cette session m'a enseigné : les patterns à surveiller, les principes qui séparent les sites IA oubliables des sites véritablement efficaces, et le rôle spécifique que les humains doivent jouer dans un processus qui semble de plus en plus automatisé de bout en bout.

Il y a un insight de Raphael qui a fondamentalement reconfiguré toute mon approche. J'y viendrai, mais vous avez d'abord besoin du contexte.

Le miracle de la démocratisation dont personne ne nous a avertis

Quelque chose d'extraordinaire s'est produit au cours des dix-huit derniers mois. La barrière pour créer un site web d'apparence professionnelle est passée de « engagez un designer et un développeur » à « décrivez ce que vous voulez en langage naturel ». Des outils comme Bolt, v0, Lovable et une douzaine d'autres peuvent générer des sites web complets, responsive et déployés à partir d'un prompt textuel. J'ai utilisé la plupart d'entre eux. Certains résultats sont véritablement impressionnants.

Un fondateur sans aucune formation en design peut maintenant produire une landing page qui aurait coûté entre 5 000 et 15 000 dollars auprès d'une agence il y a deux ans. Ce n'est pas de l'exagération — j'ai comparé les résultats côte à côte. L'espacement est correct. La hiérarchie typographique fonctionne. Les palettes de couleurs sont harmonieuses. Les breakpoints responsive fonctionnent correctement. En surface, ces sites générés par IA sont professionnels.

C'est un véritable miracle pour les startups en phase initiale. Vous pouvez tester un positionnement, valider des messages et commencer à collecter des leads avant d'avoir dépensé un seul euro en design. J'ai personnellement lancé trois landing pages avec des outils d'IA l'année dernière où le temps total de design était inférieur à deux heures chacune.

Mais les miracles ont leurs petits caractères.

Ce que j'ai commencé à remarquer — et ce que Raphael a articulé mieux que quiconque — c'est que la démocratisation a créé un nouveau problème. Quand tout le monde a accès aux mêmes outils entraînés sur les mêmes données, la production de chacun converge vers la même esthétique. Le terrain de jeu ne s'est pas simplement nivelé. Il s'est aplati en une surface uniforme où rien ne se démarque.

Pensez à ce qui s'est passé quand Canva a démocratisé le design graphique. Soudain, chaque petit commerce avait accès à des templates professionnels. Le plancher de qualité a augmenté spectaculairement. Mais parcourez n'importe quel marché artisanal ou faites défiler n'importe quel feed Instagram de petits commerces, et vous verrez les mêmes templates Canva partout. Les outils ont résolu le problème de compétence mais ont créé un problème de différenciation.

Le design web par IA suit la même trajectoire, mais plus vite et avec des enjeux plus élevés. Votre site web n'est pas un post sur les réseaux sociaux qui défile en deux secondes. C'est l'endroit où les décisions d'achat se prennent. Et quand votre site ressemble à celui de tout le monde, vous avez déjà perdu du terrain avant que le visiteur ne lise un seul mot.

Ce fossé de différenciation est exactement ce qui est apparu dans la revue de design. Mais les patterns spécifiques étaient plus marquants que ce que j'attendais.

L'empreinte digitale du design IA : des patterns que je ne peux plus ignorer

Après cette session avec Raphael, j'ai commencé à cataloguer les patterns récurrents dans les sites de startups générés par IA. Une fois que vous les voyez, vous ne pouvez véritablement plus les ignorer. Je repère maintenant un site conçu par IA dans les trois secondes suivant l'atterrissage, et vos visiteurs les plus sensibles au design aussi.

L'épidémie du dégradé violet. Je ne sais pas qui a décidé que les dégradés violet-bleu représentent « l'innovation » et « l'IA », mais le mémo a été envoyé à tous les outils de design génératif simultanément. Raphael a ouvert six sites de startups d'affilée pendant la revue. Cinq d'entre eux utilisaient une variation de dégradés violets comme traitement visuel principal. New.ai l'avait. Rosebud AI l'avait. Get Crux l'avait. Le violet est devenu l'uniforme non officiel de « nous avons utilisé l'IA pour construire ce site ».

Pourquoi cela se produit-il ? Parce que les modèles d'IA sont entraînés sur le web actuel. Et le web actuel — surtout dans l'espace des startups IA/tech — est saturé de violet. Les modèles apprennent que « startup tech moderne » égale dégradé violet, et ils le reproduisent fidèlement. Ils n'ont pas exactement tort. Les dégradés violets ont effectivement l'air modernes. Le problème est que quand votre site utilise la même histoire de couleurs que vos concurrents directs, vous avez cédé l'un de vos signaux de marque les plus puissants avant même que la conversation ne commence.

Détournement du scroll et surcharge de parallax. Plusieurs sites dans la revue avaient implémenté des comportements de scroll personnalisés — où la page prend le contrôle de votre molette et avance à son propre rythme, ou où les éléments arrivent de différentes directions pendant le défilement. La réaction de Raphael a été immédiate : « Ça me donne l'impression que le site se bat contre moi. »

Il a raison. Le détournement du scroll était une technique tendance en 2019-2020. Les modèles d'IA ont appris des sites qui l'avaient implémentée. Maintenant ces modèles la reproduisent sans comprendre le retour de bâton en termes d'utilisabilité qui a suivi. Les utilisateurs s'attendent à ce que leur molette se comporte de manière prévisible. Quand un site annule cette attente, cela crée une micro-frustration que la plupart des visiteurs n'identifieront pas consciemment — ils sentiront simplement que le site est « agaçant » et partiront.

Le problème du fondu sur tout. Ouvrez n'importe quel site généré par IA et faites défiler vers le bas. Observez ce qui se passe. Chaque. Élément. Apparaît. En. Fondu. Les titres apparaissent en fondu. Les paragraphes apparaissent en fondu. Les images apparaissent en fondu. Les boutons apparaissent en fondu. Les cartes arrivent en fondu depuis la gauche, puis la droite, puis la gauche encore. C'est comme si le site jouait à cache-cache avec vous.

L'animation sélective est puissante. L'animation sur tout est du bruit. Quand chaque élément s'anime, rien ne semble important. L'œil n'a aucune hiérarchie à suivre parce que tout rivalise pour l'attention simultanément. J'ai compté les animations de fondu sur la landing page d'une startup pendant la revue. Quarante-sept. Quarante-sept animations de fondu séparées sur une seule page. Ce n'est pas un choix de design — c'est un paramètre par défaut que personne n'a pris la peine de remettre en question.

Les effets hover comme substitut de personnalité. Des cartes qui s'élèvent et brillent au survol. Des boutons qui pulsent. Des images qui zooment. Ces micro-interactions semblent charmantes la première fois que vous les rencontrez. Au cinquième site utilisant des traitements de hover identiques, elles semblent génériques. Les outils d'IA les ajoutent parce qu'elles rendent les démos impressionnantes. Mais elles ne contribuent en rien à la conversion et beaucoup à la sensation de « j'ai déjà vu ça ».

La course aux armements de la section hero. Arrière-plans de particules animées, blobs de dégradé 3D, formes qui se transforment — les sections hero générées par IA sont devenues de plus en plus théâtrales. Le site de Build Zero avait un dégradé de maille animé qui avait véritablement l'air génial isolément. Mais quand Raphael a demandé au fondateur « qu'est-ce que ça communique sur votre produit ? », la salle s'est tue. La réponse honnête était rien. Ça communiquait « nous avons un site web » et rien de plus.

Voici ce qui m'a fasciné dans ces patterns : aucun d'entre eux n'est techniquement mauvais. Un dégradé violet, ça va. Une animation de fondu, ça va. Un effet hover, ça va. Le problème est l'accumulation et l'uniformité. Quand l'IA applique tous ces éléments simultanément, et quand chaque outil d'IA applique les mêmes, le résultat est une monoculture visuelle qui entraîne les visiteurs à décrocher.

Mais les patterns de design ne sont que la moitié de l'histoire. Les vrais dégâts apparaissent dans quelque chose de plus difficile à mesurer.

La crise de marque dont personne ne parle

Raphael a dit quelque chose pendant la revue que je retourne dans ma tête depuis des semaines. Il regardait la landing page de Sphinx — mise en page propre, typographie professionnelle, espacement solide — et il a dit : « C'est un bon site web pour aucune entreprise en particulier. »

Cette phrase a frappé comme un camion.

Le site était objectivement bien conçu. Si vous le notiez sur une grille d'évaluation — mise en page, typographie, couleur, responsivité — il passerait avec de bonnes notes. Mais il avait zéro personnalité. Zéro distinction de marque. Vous pourriez échanger le logo et le nom de l'entreprise avec n'importe laquelle de dix autres startups et rien ne semblerait faux. Le design ne servait aucune marque spécifique parce qu'il n'avait pas été conçu pour une marque spécifique. Il avait été généré pour une « startup SaaS professionnelle » générique.

C'est la crise de marque que le design IA crée. L'identité de marque ne consiste pas seulement à avoir l'air professionnel. C'est avoir l'air d'être vous. C'est faire des choix visuels qui reflètent vos valeurs spécifiques, votre personnalité et votre positionnement. Quand Apple a choisi le minimalisme austère, cela communiquait quelque chose de spécifique sur leur philosophie de marque. Quand Stripe a choisi sa typographie en dégradé signature, c'est devenu instantanément reconnaissable. Ce n'étaient pas des valeurs par défaut — c'étaient des choix délibérés qui disaient « voici qui nous sommes ».

Les outils d'IA ne peuvent pas faire ces choix parce qu'ils ne savent pas qui vous êtes. Ils savent à quoi ressemble « une startup SaaS ». Ils savent à quoi ressemble « une entreprise tech moderne ». Ils ne savent pas à quoi ressemble votre entreprise. Cela nécessite un jugement humain — quelqu'un qui comprend la marque assez profondément pour faire des choix visuels qui reflètent son identité spécifique.

Ces outils sont extraordinaires pour produire la médiane du design web. Et la médiane est plutôt bonne. Mais les marques ne se construisent pas à la médiane. Les marques se construisent aux extrémités — à travers des choix distinctifs qui pourraient ne pas bien fonctionner dans un groupe de discussion générique mais qui deviennent incontestablement les vôtres avec le temps.

Le site de Zarna AI pendant la revue était l'un des rares qui semblait quelque peu distinctif. Pas parce qu'il était radicalement différent en mise en page, mais parce que quelqu'un avait clairement fait des choix spécifiques sur le style d'illustration et la palette de couleurs qui ne ressemblaient pas aux valeurs par défaut de l'IA. Quand j'ai demandé au fondateur plus tard, il a confirmé : ils avaient utilisé l'IA pour générer la mise en page initiale mais avaient ensuite passé un temps considérable à personnaliser les éléments d'identité visuelle. L'IA les avait amenés à 60 %. Les derniers 40 % — la partie qui a réellement donné au site la sensation d'être leur marque — ont nécessité une intention humaine.

Ce ratio 60/40 n'arrêtait pas de revenir. Et il a complètement changé ma façon de penser le rôle humain dans ce processus.

Vous n'êtes plus designer. Vous êtes éditeur.

Voici l'insight de Raphael que j'ai promis au début — celui qui a tout reconfiguré pour moi.

Il a dit : « L'IA est votre rédacteur de premier jet. Vous êtes le rédacteur en chef. Et la plupart des fondateurs publient des premiers jets. »

Le changement est fondamental. Avant l'IA, construire un site web signifiait partir de zéro. Vous (ou votre designer) faisiez chaque choix — mise en page, couleurs, typographie, espacement, interactions. L'humain était le créateur. Maintenant, l'IA gère la création. Le rôle humain s'est déplacé vers la curation, l'édition et le contrôle qualité.

Cela semble être moins de travail. C'est en fait plus difficile.

Créer de zéro a une porte de qualité naturelle : si vous ne savez pas ce que vous faites, le résultat a l'air évidemment amateur, et vous savez que vous devez chercher de l'aide. Mais éditer la sortie de l'IA est traître parce que le résultat a l'air suffisamment professionnel pour vous tromper et vous faire croire qu'il est terminé. Les lacunes sont subtiles — une couleur techniquement harmonieuse mais stratégiquement mauvaise pour votre marque, une animation techniquement fluide mais fonctionnellement distrayante, une mise en page techniquement responsive mais émotionnellement plate.

Être un bon éditeur de la sortie de design IA nécessite des compétences que la plupart des fondateurs n'ont pas naturellement :

Savoir quoi supprimer. Les outils d'IA sont additifs par nature — ils ajoutent des effets, des animations, des dégradés et des décorations parce que ces éléments existent dans leurs données d'entraînement. Un bon éditeur humain supprime tout ce qui ne sert pas un objectif spécifique. Ce fond de particules sympa ? Supprimez-le à moins qu'il ne renforce directement la métaphore de votre produit. Ces animations de fondu ? Gardez-en peut-être trois sur toute la page — le titre hero, le CTA principal et un visuel clé. Supprimez le reste.

Savoir ce qui est de marque versus ce qui est tendance. L'IA suit les tendances. Les marques doivent parfois résister aux tendances. Si chaque concurrent dans votre espace a un site en mode sombre avec des accents néon, peut-être que votre avantage concurrentiel est d'être celui qui paraît chaleureux, accessible et lumineux. L'IA ne suggérera pas ce mouvement contrarian. Un éditeur humain si.

Savoir ce qui sert la conversion versus ce qui sert l'ego. C'était un thème récurrent dans la revue. Les fondateurs adoraient leurs animations hero et leurs effets parallax parce qu'ils semblaient impressionnants. Raphael n'arrêtait pas de demander : « Est-ce que ça aide quelqu'un à comprendre ce que vous faites et à décider de l'essayer ? » Généralement, la réponse était non. Les éléments impressionnants servaient le désir du fondateur de sentir qu'il avait un « vrai site web », pas le besoin du visiteur de comprendre rapidement la proposition de valeur et de passer à l'action.

J'ai commencé à appliquer cette mentalité d'éditeur à mes propres projets immédiatement. Mon processus ressemble maintenant à ceci : générer le design initial avec l'IA, puis remettre systématiquement en question chaque élément. Cette couleur reflète-t-elle ma marque ou est-elle juste « jolie » ? Cette animation guide-t-elle l'attention de l'utilisateur ou distrait-elle du message ? Cette mise en page priorise-t-elle l'information dont le visiteur a besoin ou l'information que je veux mettre en avant ?

Les résultats sont dramatiquement meilleurs. Pas parce que la sortie de l'IA s'est améliorée — parce que mon édition s'est améliorée.

Mais éditer du design visuel nécessite de savoir à quoi ressemble réellement le « bon ». Ce qui nous amène aux principes qui séparent les sites qui convertissent des sites qui impressionnent simplement.

Cinq principes de design que l'IA applique mal (et comment les corriger)

J'ai distillé la session de revue en cinq principes qui revenaient constamment dans chaque critique. Ce ne sont pas de la théorie abstraite de design — ce sont des directives pratiques que j'applique maintenant à chaque site généré par IA sur lequel je travaille.

1. La hiérarchie visuelle est une conversation, pas un cri

Quand tout sur une page est en gras, rien n'est en gras. Les outils d'IA ont tendance à rendre chaque élément visuellement proéminent parce que les éléments proéminents apparaissent plus fréquemment dans leurs données d'entraînement — ils sont littéralement plus visibles dans les captures d'écran. Le résultat : des pages où titres, sous-titres, texte courant, CTAs et éléments décoratifs rivalisent tous pour une attention égale.

Corrigez cela en établissant une hiérarchie visuelle claire avec exactement trois niveaux d'emphase. Votre élément principal (généralement le titre principal et le CTA) reçoit le poids visuel maximum. Vos éléments secondaires (sous-titres, fonctionnalités clés) reçoivent un poids modéré. Tout le reste passe à l'arrière-plan. Je parcours les pages générées par IA et j'attribue littéralement à chaque élément une priorité : 1, 2 ou 3. Tout ce qui n'est pas clairement un 1 ou un 2 est atténué visuellement — police plus petite, couleur plus claire, moins d'espacement.

Une technique pratique : plissez les yeux en regardant votre page. Littéralement plissez jusqu'à ce que tout soit flou. Les éléments que vous pouvez encore distinguer sont votre hiérarchie visuelle. Si tout se fond dans un brouillard uniforme, votre hiérarchie est cassée.

2. La cohérence bat la créativité à tous les coups

Pendant la revue, Raphael a pointé quelque chose sur le site de Rosebud AI que je n'aurais jamais remarqué. Le site utilisait trois styles de cartes différents dans trois sections différentes. L'un avait des coins arrondis avec une ombre subtile. Un autre avait des coins droits avec une bordure. Un troisième avait des coins arrondis sans ombre mais avec un changement de couleur de fond. Chaque style avait l'air bien isolément. Ensemble, ils créaient un sentiment subtil de désordre visuel.

Les outils d'IA introduisent souvent de l'incohérence parce qu'ils génèrent chaque section de façon quelque peu indépendante. Ils ne maintiennent pas un système rigide de composants à travers une page entière comme le ferait un design system. La solution est manuelle : après avoir généré un site, auditez chaque élément répété. Les cartes doivent toutes avoir le même aspect. Les boutons doivent tous utiliser le même style. L'espacement doit suivre un rythme cohérent.

Je crée maintenant une simple checklist après chaque génération IA : style de carte, style de bouton, tailles de titres, unités d'espacement, rayon de bordure, valeurs d'ombre. Si un élément dévie du pattern, je le normalise. Cela prend peut-être vingt minutes et rend le site entier dramatiquement plus soigné.

3. Des ressources de qualité ou pas de ressources du tout

Le site de Get Crux pendant la revue avait une belle mise en page. La typographie était forte. L'espacement était assuré. Et puis vous arriviez aux captures d'écran du produit, et c'étaient des captures basse résolution clairement prises sur un MacBook avec le fond d'écran par défaut visible dans le chrome de la fenêtre. Toute la sensation premium du site s'est effondrée à ce moment-là.

L'IA peut générer des mises en page à longueur de journée. Ce qu'elle ne peut pas générer, ce sont vos vraies images de produit, vos photos d'équipe, vos vrais visuels d'études de cas. Ces ressources d'origine humaine sont souvent le maillon le plus faible d'un site généré par IA par ailleurs solide. Et ce sont les éléments auxquels les visiteurs prêtent le plus attention — les vraies captures d'écran et photos portent plus de signal de confiance que n'importe quelle mise en page soignée.

Ma règle maintenant : si vous ne pouvez pas fournir des ressources de haute qualité pour une section, supprimez la section. Une section texte propre avec du copy solide bat une belle mise en page bourrée d'images médiocres à chaque fois. Et quand vous incluez des captures d'écran, investissez le temps de les capturer correctement — chrome de navigateur propre, données d'exemple réfléchies, taille de viewport appropriée.

4. Le mobile n'est pas une version réduite du desktop

Celle-ci a véritablement rendu Raphael fou. Plusieurs des sites passés en revue avaient l'air magnifique sur desktop et s'effondraient sur mobile. Texte trop petit. Boutons trop proches. Sections hero avec du texte chevauchant les images. Défilement horizontal cassant la mise en page.

Les outils d'IA gèrent le design responsive mécaniquement — ils réduisent et empilent les éléments selon les règles de breakpoints. Mais la responsivité mécanique et une bonne expérience mobile sont deux choses différentes. Sur mobile, le titre qui marchait à 48px sur desktop pourrait avoir besoin d'être à 28px. La grille de fonctionnalités à deux colonnes qui avait l'air équilibrée sur un grand écran pourrait devoir devenir une seule colonne avec un espacement différent. Les effets hover élégants n'existent littéralement pas sur les appareils tactiles.

Après chaque génération de site par IA, je vérifie la page entière sur un vrai téléphone. Pas un redimensionnement de navigateur — un vrai appareil, tenu dans ma main, utilisé avec mon pouce. Les problèmes qui apparaissent sont toujours différents de ce que montre le mode responsive dans Chrome. Toujours.

5. La vitesse est un élément de design

Personne dans la revue n'a parlé de vitesse de chargement directement. Mais Raphael a fait une observation qui m'est restée : « Les sites qui donnent la meilleure sensation de navigation sont ceux qui chargent instantanément. » Il avait raison. Les sites avec le plus d'effets visuels générés par IA — fonds de particules, dégradés animés, animations déclenchées par le scroll — étaient aussi les plus lents. Et cette lenteur sapait le professionnalisme même que ces effets étaient censés créer.

Chaque animation, chaque maille de dégradé, chaque effet parallax ajoute au poids de votre page et au coût de rendu. Un site qui charge en 1,2 secondes avec un design simple paraîtra toujours plus professionnel qu'un site qui charge en 4 secondes avec des effets impressionnants. Les visiteurs ne chronomètrent pas consciemment les chargements de page. Ils sentent simplement la différence entre « ce site est réactif » et « ce site est lourd ».

Je traite maintenant mon score de performance Lighthouse comme une contrainte de design. Rien ne sort en dessous de 90. Cela signifie sacrifier certaines fioritures visuelles générées par IA, et je suis parfaitement à l'aise avec ce compromis.

Ce qui rend ces principes puissants, c'est de les appliquer comme un filtre systématique à la sortie de l'IA. L'IA produit la matière première. Ces principes la façonnent en quelque chose qui fonctionne réellement.

En parlant de ce qui fonctionne réellement — il y a une question pratique que la plupart des fondateurs ignorent complètement.

Le fossé du QA : là où les sites IA viennent mourir

Une confession. Avant cette session de revue, je livrais des sites générés par IA avec un minimum de tests. Générer, vérifier sur mon laptop, peut-être tester un breakpoint mobile, déployer. Je me disais que si l'IA avait le code juste (et c'est généralement le cas), il n'y avait pas grand-chose à tester.

J'avais tort, et la revue de Raphael l'a prouvé en temps réel.

Il a ouvert le site d'une startup sur Firefox, et l'animation de la section hero était cassée — une propriété d'animation CSS que Chrome gérait gracieusement mais que Firefox rendait avec un saccadement visible. Il a essayé le menu mobile d'un autre site, et l'icône hamburger se déclenchait mais le panneau du menu glissait du mauvais côté, chevauchant le contenu au lieu de le pousser. Il a cliqué sur un CTA « Commencer » d'un troisième site, et il scrollait vers une section qui avait un formulaire de contact avec une action d'envoi cassée.

Aucun de ces bugs n'était visible dans l'environnement de démonstration du parcours nominal. Tous étaient trivialement découvrables avec un QA basique. Et chacun d'entre eux ferait douter un client potentiel de la fiabilité de cette entreprise. Si votre site web ne fonctionne pas, pourquoi votre produit fonctionnerait-il ?

Le code généré par IA est correct de la même façon que le design généré par IA est professionnel — il fonctionne pour le cas par défaut. Les cas limites, les bizarreries des navigateurs, les états d'interaction, la gestion des erreurs — tout cela nécessite encore une vérification humaine. Et les enjeux sont asymétriques : cent choses qui fonctionnent correctement créent une attente de base, mais une seule chose qui casse crée une impression négative durable.

Ma checklist QA pour les sites générés par IA inclut maintenant :

Tests cross-browser. Chrome, Firefox, Safari et Edge. Pas juste « est-ce que ça s'affiche » mais « est-ce que chaque interaction fonctionne ». J'ai découvert un problème spécifique à Safari avec le gap de flexbox sur mon dernier projet qui aurait cassé la section tarifs pour environ 25 % de mes visiteurs Mac.

Tests sur de vrais appareils. Mon vrai iPhone, le téléphone Android de mon/ma partenaire, une tablette si je peux en emprunter une. Cibles tactiles, comportement du scroll, champs de formulaire et comportement du bouton retour. Les sites IA cassent parfois la navigation du navigateur avec leurs implémentations de routage.

Tests de formulaires. Chaque formulaire est soumis avec des données réelles, des données vides et des données malformées. Les formulaires cassés sont le bug le plus coûteux sur un site marketing parce qu'ils avalent silencieusement les leads.

Audit des liens. Chaque lien cliqué, chaque ancre vérifiée. Les outils d'IA génèrent parfois des liens placeholder ou des ancres internes qui pointent vers des sections inexistantes.

Profilage de performance. Audit Lighthouse sur mobile. Vérifier les images surdimensionnées, les scripts bloquant le rendu et la manipulation excessive du DOM par les animations.

Ces tests ajoutent peut-être deux heures à un projet. Le nombre de problèmes que j'ai trouvés n'a jamais été zéro. Pas une seule fois.

Mais même un site bien testé peut échouer dans son travail le plus fondamental — et c'est la leçon que la plupart des fondateurs n'ont toujours pas intériorisée.

Votre landing page est un canal de vente, pas une vitrine à trophées

C'était le fil rouge de chaque critique dans la revue, et c'est l'insight que j'aurais voulu qu'on me tatoue sur le front il y a trois ans : votre landing page existe pour acquérir des clients. Point. Pas pour impressionner les investisseurs. Pas pour montrer votre goût en matière de design. Pas pour démontrer une sophistication technique. Pour transformer un visiteur en lead, utilisateur d'essai ou client.

Chaque élément de la page doit servir cet objectif de conversion. Chaque décision de design doit être évaluée à travers le prisme de « est-ce que ça rend plus facile ou plus difficile pour quelqu'un de comprendre ce que nous faisons et de passer à l'étape suivante ? »

Quand Raphael a passé en revue le site de New.ai, il a reconnu que le design était visuellement frappant. Puis il a demandé : « Si j'atterrissais ici sans rien savoir de cette entreprise, pourrais-je expliquer ce qu'elle fait en dix secondes ? » Le fondateur a marqué une pause. La réponse était non. La section hero avait un beau dégradé animé, un slogan malin et un bouton « Commencer ». Ce qu'elle n'avait pas, c'était une description claire et spécifique de ce que le produit fait réellement.

C'est le mode de défaillance le plus courant que je vois dans les landing pages générées par IA. Le design a l'air incroyable. Le copy est soigné. Mais le travail fondamental de communication — « voici ce que c'est, voici à qui c'est destiné, voici pourquoi vous devriez vous en soucier » — est enterré sous des choix esthétiques. L'IA a optimisé pour l'impression visuelle parce que c'est ce pour quoi elle a été entraînée. Personne ne lui a dit d'optimiser pour la compréhension.

J'évalue maintenant chaque landing page que je construis avec ce que j'appelle le « test de l'inconnu ». Je montre la page à quelqu'un qui n'a jamais entendu parler du produit, je lui donne dix secondes, puis je la retire et je pose trois questions : Que fait ce produit ? À qui est-il destiné ? Que devriez-vous faire ensuite ? S'il ne peut pas répondre aux trois, la page a échoué — peu importe sa beauté.

Build Zero avait une approche intéressante que Raphael a saluée. Leur site n'était pas le plus visuellement sophistiqué de la revue. Le design était propre mais sobre. Ce qu'il faisait exceptionnellement bien, c'était communiquer. Le titre vous disait exactement ce que le produit faisait. Le sous-titre vous disait à qui il s'adressait. La première section vous montrait le produit en action. Le CTA était clair et spécifique. En cinq secondes d'atterrissage, vous compreniez la proposition. Cette clarté vaut plus que n'importe quelle animation de dégradé jamais créée.

Les fondateurs qui ont réussi leurs landing pages avaient quelque chose en commun : ils traitaient la page comme un instrument d'acquisition de clients, pas comme une pièce de portfolio de design. Ils faisaient des choix qui servaient le visiteur, pas des choix qui servaient leurs propres préférences esthétiques. Et presque sans exception, ces choix signifiaient annuler une partie de ce que l'IA avait généré.

Ce que cela signifie pour ma façon de construire maintenant

Cette session de revue remonte à six semaines. Depuis, j'ai complètement restructuré mon approche du design web assisté par IA, et les résultats parlent d'eux-mêmes. Mes trois derniers projets ont connu un engagement mesurément meilleur — des temps de session plus longs, des taux de rebond plus bas et des taux de conversion plus élevés sur les CTAs — comparés aux projets où j'avais livré la sortie de l'IA avec une édition minimale.

Voici mon flux de travail actuel, affiné au cours de ces six semaines d'itération :

Phase 1 : Stratégie avant génération. Avant de toucher un quelconque outil d'IA, j'écris un brief d'une page. Qui est le visiteur cible ? Que doit-il comprendre ? Quelle action doit-il entreprendre ? Qu'est-ce qui rend cette marque visuellement distincte des concurrents ? Ce brief devient ma grille d'édition ensuite.

Phase 2 : Génération IA avec contraintes. Je donne à l'outil d'IA des contraintes spécifiques basées sur mon brief. Pas « construis-moi une landing page SaaS » mais « construis une landing page pour un outil de développement qui aide les équipes à déboguer plus vite, utilisant une palette de couleurs chaudes avec des accents verts, des animations minimales et une section hero qui mène avec une capture d'écran du produit ». Les prompts contraints produisent des résultats plus distinctifs.

Phase 3 : Le passage éditorial. C'est là que j'applique ces cinq principes de design systématiquement. Auditer la hiérarchie visuelle. Vérifier la cohérence. Évaluer la qualité des ressources. Tester l'expérience mobile. Profiler la performance. Tout ce qui ne sert pas l'objectif de communication est supprimé ou simplifié.

Phase 4 : Injection de marque. Remplacer les couleurs par défaut de l'IA par les vraies couleurs de la marque. Échanger les illustrations génériques par de vrais visuels du produit. Ajuster la typographie pour correspondre à la personnalité de la marque. Ajouter les touches distinctives qui font que ce site ressemble à cette entreprise et à aucune autre.

Phase 5 : QA et tests. La checklist complète. Cross-browser. Vrais appareils. Formulaires. Liens. Performance. Les bases de l'accessibilité (ratios de contraste, texte alternatif, navigation au clavier). Rien ne sort sans passer.

Phase 6 : Le test de l'inconnu. Le montrer à trois personnes qui ne l'ont jamais vu. Dix secondes chacune. Peuvent-elles répondre aux trois questions ? Si non, retour à la phase 3.

Ce processus prend plus de temps que générer et livrer. Évidemment. Mais la différence en qualité de résultat n'est pas incrémentale — elle est transformationnelle. Mes sites assistés par IA performent maintenant à un niveau que les sites purement générés par IA n'atteignent tout simplement pas. L'IA fait 60 % du travail en 10 % du temps. L'édition humaine fait 40 % du travail en 90 % du temps. Et ces 40 % sont la différence entre un site qui existe et un site qui convertit.

La vérité inconfortable sur la direction que tout cela prend

Je veux être honnête sur quelque chose. Les outils d'IA vont s'améliorer. Ils apprendront à éviter le cliché du dégradé violet. Ils généreront des designs plus distinctifs. Ils géreront les mises en page responsive de façon plus intelligente. Ils optimiseront pour la conversion, pas seulement pour l'esthétique. Certains des problèmes spécifiques que j'ai décrits dans ce post seront résolus dans l'année.

Mais la dynamique fondamentale ne changera pas. L'IA produira toujours des résultats qui convergent vers le centre de sa distribution d'entraînement. Ce n'est pas un bug — c'est ainsi que la technologie fonctionne. Le centre se déplacera et s'améliorera, mais ce sera toujours un centre. Et les marques qui veulent se démarquer devront toujours s'en éloigner.

Le rôle humain dans le design ne va pas disparaître. Il se transforme. Nous passons d'artisans à directeurs créatifs. De personnes qui poussent des pixels à des personnes qui prennent des décisions stratégiques sur quels pixels comptent. De designers à éditeurs de design. Et honnêtement ? Je pense que c'est un travail plus intéressant. Les parties fastidieuses — espacement, alignement, breakpoints responsive, mise en page de base — sont gérées. Ce qui reste, c'est l'intéressant : stratégie de marque, design de communication, optimisation de conversion, les décisions qui nécessitent de comprendre votre entreprise spécifique et vos clients spécifiques.

Les fondateurs qui gagneront dans ce nouveau paysage ne sont pas ceux qui génèrent les sites web IA les plus impressionnants. Ce sont ceux qui éditent le plus impitoyablement, testent le plus rigoureusement et n'oublient jamais qu'une landing page est un canal de vente qui se trouve être visuel.

Cette session avec Raphael m'a enseigné quelque chose sur lequel je reviens sans cesse : les meilleurs sites web ne sont pas ceux qui ont l'air les plus impressionnants. Ce sont ceux qui font leur travail le plus efficacement. Parfois cela se recoupe. Souvent non.

L'IA vous donnera l'impressionnant. Le travail humain est de le rendre efficace.

Alors voici mon défi pour vous. Ouvrez votre site web maintenant — celui que vous utilisez actuellement. Faites le test de l'inconnu. Montrez-le à quelqu'un qui ne connaît pas votre produit. Donnez-lui dix secondes. Posez les trois questions. Si les réponses reviennent floues, vous avez du travail. Et maintenant vous savez exactement à quoi ressemble ce travail.

Travaillons ensemble

Vous cherchez à construire des systèmes d'IA, automatiser des workflows ou faire évoluer votre infrastructure technologique ? Je serais ravi de vous aider.

• Fiverr (développements sur mesure et intégrations) : fiverr.com/s/EgxYmWD
• Portfolio : mejba.me
• Ramlit Limited (solutions entreprise) : ramlit.com
• ColorPark (design et branding) : colorpark.io
• xCyberSecurity (services de sécurité) : xcybersecurity.io