Trois IA ont dessiné des références web en cinq styles : de la fintech au Web 1.0

Les IA génératives deviennent un outil précieux pour les designers web. L'auteur du blog StudyAI a décidé de le vérifier en pratique : il a créé des assets web pour cinq secteurs totalement différents, en utilisant trois modèles de génération d'images récents. Les résultats se sont révélés contrastés.

Trois modèles au banc d'essai :

Grok Image 2, Flux 2 Pro, Nano Banana Pro

L'auteur a sélectionné trois modèles populaires : Grok Image 2, Flux 2 Pro et Nano Banana Pro. Chacun a dû accomplir les mêmes tâches : créer des assets web répondant à des exigences précises de style, de palette, de typographie et de fonctionnalité. Il ne s'agit pas d'une simple génération d'images, mais d'un test de la capacité des IA à comprendre les exigences spécifiques des designers web.

14 exemples dans cinq secteurs

Esport et jeux vidéo (4 exemples) : • Panneau HUD pour un FPS esport (futuristic minimalism, accents néon cyan, PNG transparent) • Inventaire RPG de style dark fantasy (cadres dorés, texture parchemin, inspiration Diablo) • Boutons mobiles pour un puzzle casual (formes candy-like, dégradés glossy) • Boutons Web 1.0 animés (bordures 3D biseautées, esthétique GeoCities, sprite sheet)

Fintech et banque (3 exemples) : • Dashboard d'échange crypto (dark mode, graphiques en chandeliers, glassmorphism, palette monochrome) • Carte de virement bancaire (neumorphic soft UI, coins arrondis 24px, directives iOS) • Onboarding d'application d'investissement (3 écrans, style isométrique, inspiration Stripe)

Nostalgie Web 1.0 (1 exemple) : • Bannières GIF 468x60 façon années 2000 (Comic Sans, Impact, « Under Construction » clignotant, esthétique Y2K)

Écologie (3 exemples) : • Dashboard d'empreinte carbone (organic soft UI, vert sauge, esthétique Patagonia) • Cartes produits écologiques pour marketplace (papier kraft recyclé, illustrations botaniques) • Tracker mobile de recyclage (flat ludique, gamification façon Duolingo)

Services d'IA (3 exemples) : • Interface de chat pour assistant IA (animation de streaming, indicateur de frappe, lueur de bord en dégradé) • Panneau de contrôle pour modèle de machine learning (graphiques loss/accuracy, matrice de confusion, visualisation de réseau de neurones) • Onboarding pour générateur d'images (champ de prompt, préréglages de style, anneau de progression)

Résultats : deux modèles excellents, un à la peine

Grok 2.0 et Nano Banana Pro ont fait preuve d'une bonne « culture visuelle » et ont livré un résultat satisfaisant dès les premiers essais. Les deux modèles ont parfaitement saisi les exigences stylistiques — du minimalisme à la nostalgie, du glassmorphism à l'esthétique Y2K. Les résultats paraissent professionnels et peuvent directement intégrer un cahier des charges, voire servir de base à un design final.

Flux 2 Pro, malgré un entraînement solide et une bonne logique de génération, a commis des erreurs fréquentes. Le traitement du texte s'est révélé particulièrement problématique : le modèle a écrit à plusieurs reprises dans une langue non identifiée. C'est d'autant plus étonnant que Flux repose sur un principe de flow matching censé bien gérer la logique séquentielle et les inscriptions textuelles. Les erreurs constatées n'en sont pas moins restées systématiques.

Ces IA ont démontré une bonne capacité à générer des éléments d'interface web dans le style demandé. Grâce à elles, un designer peut esquisser en une ou deux heures un jeu complet de références pour n'importe quel projet — d'une startup fintech à un site nostalgique dédié au Web 1.0. En investissant du temps dans des prompts plus détaillés et en prévoyant un budget pour une série de générations, on peut même obtenir des composants prêts pour un site en production.