Général

40+ illustrations de site web générées et placées

Un workflow automatisé a généré 40+ illustrations dans le même style et les a placées sur le site.

n8n Freepik Mystic Google Cloud Storage Hugo Claude Code
Workflow automatisé pour la génération et le placement d'images par lot sur un site web

Objectif

Créer un ensemble complet d'illustrations de site web dans un style cohérent

Le lancement d'un site web statique Hugo nécessitait plus de 40 illustrations personnalisées pour les pages, articles de blog, sections industrielles et personas. Chaque image devait avoir l'air de faire partie de la même famille, être sauvegardée avec le bon nom, et se retrouver au bon endroit dans les fichiers de contenu du site.

Le faire a la main signifie : décrire ce que vous voulez, générer une image, la télécharger, la renommer, l'uploader, ouvrir la bonne page, coller la référence de l'image, répéter 40 fois. Des heures de travail répétitif avec beaucoup de place pour les erreurs et les incohérences.

Notre approche

Tout automatiser de la liste de souhaits au site web fini

1

Une liste qui pilote tout

Nous avons commencé avec une liste structurée : une ligne par image avec une description de ce qu'il faut générer, le nom de fichier, ou ça va sur le site, et le texte alternatif pour l'accessibilité. Cette liste est la seule chose a maintenir. La mettre a jour, relancer le workflow, c'est fait.

2

Une image de référence pour un look cohérent

Au lieu d'espérer que chaque image corresponde aux autres, nous avons donné a l'IA une image de référence qui définissait le style visuel. Une instruction de style récurrente a été automatiquement ajoutée a chaque prompt. Le résultat : plus de 40 illustrations qui semblent faites par la même main, sans ajuster chacune individuellement.

3

Un workflow automatisé qui fait le gros du travail

Un workflow personnalisé dans n8n parcourt la liste, envoie chaque prompt a Freepik Mystic pour la génération, attend le résultat, télécharge l'image terminée, lui donne le bon nom de fichier, et la stocke dans le cloud. Il gère les tentatives automatiques, le rythme entre les requêtes, et peut tourner pour le lot complet ou juste une partie. Les clés API sont stockées de manière sécurisée comme des credentials séparées, pas dans le workflow lui-même.

4

Assistant IA pour le placement final

Avec toutes les images générées et nommées, Claude Code a placé chacune au bon endroit dans les fichiers du site web, en faisant correspondre le nom de fichier et le texte alternatif de la liste originale. Ce qui aurait été plus de 40 modifications manuelles de fichiers s'est fait en une seule passe.

Le résultat

Identité visuelle complète déployée en heures, pas en jours

Plus de 40 illustrations générées, stockées et placées sur le site web. Toutes dans le même style. Toutes avec les bons noms et descriptions. L'ensemble du processus a coûté une fraction de ce que le travail manuel aurait demandé. Et le meilleur : le workflow est réutilisable. Besoin d'un nouveau lot d'images ? Mettre a jour la liste, lancer.

Prêt à construire votre setup marketing IA?

Parlons de ce à quoi ressemble un setup marketing IA pour votre secteur.