Un agent au travail · Graphiste
Fidèle à la marque,calque par calque.
Le Graphiste est l’un des rôles de Zaela. Il construit publicités et visuels en code, avec HTML, CSS et SVG, au lieu de générer une publicité entière d’un coup. Un modèle d’image peut fournir l’arrière-plan. Le logo, la typographie et les formes, il les pose lui-même, exactement comme votre marque est enregistrée en mémoire.
Le film
Graphiste
La méthode
Voici comment travaille le Graphiste.
-
01La marque en mémoire
Rien de votre marque n’est deviné.
Il lit d’abord l’espace de votre marque dans la mémoire partagée : couleurs en codes hexadécimaux, logos, polices, ton, ce qu’il faut faire et éviter. Il regarde les fichiers eux-mêmes et étudie la marque en ligne. Pas de police de marque en mémoire ? Il recherche la vraie typographie, choisit une association en connaissance de cause et cite sa source. Puis il pose une seule question ouverte : que voulez-vous créer ?
-
02Stratégie
L’angle passe avant l’image.
Il pense comme une agence de publicité : une accroche, un message, un levier psychologique, comme la preuve sociale, la rareté ou la curiosité. Il explique pourquoi la publicité fonctionnera et applique le test du fil d’actualité en 0,4 seconde : qu’est-ce qui arrête un pouce en plein défilement ?
-
03Arrière-plan
Réutilisé ou généré, par choix.
Les photos de marque adaptées passent généralement en premier, car de vraies images inspirent confiance. Pour une image plus conceptuelle, il peut générer un arrière-plan. Le prompt exige alors toujours ni texte ni logo, et réclame des zones calmes et vides exactement là où viendront le titre, le bouton et le logo.
-
04Calques en code
Chaque élément est un calque à part.
Sur l’arrière-plan, il place les calques : image, logo, titre, formes, icônes. Les couleurs de marque deviennent des variables, le vrai fichier du logo devient un calque, les polices de marque se chargent via @font-face. Le SVG gère la géométrie précise et les icônes. Le fichier source fait foi : déplacer un titre ou changer une couleur, c’est une ligne et un nouveau rendu.
-
05Son propre critique
Au moins deux tours complets de relecture et de correction.
Il examine chaque rendu comme un directeur artistique exigeant qui veut trouver des erreurs : marges, espacements, alignements, hiérarchie, texte coupé, contraste, couleurs exactes de la marque et logo net. Chaque tour nomme ce qui fonctionne, des critiques concrètes et la correction qui compte le plus. Il n’a terminé que lorsqu’un tour complet ne trouve plus rien.
-
06Enregistrer et transmettre
Enregistré, expliqué, prêt pour Figma.
Chaque création terminée rejoint la mémoire partagée : la source modifiable et un aperçu, annotés avec formats, couleurs, polices et origine de chaque image. Quand c’est utile, vous recevez deux à quatre variantes, chacune avec la raison pour laquelle elle fonctionne. Envie de retoucher vous-même ? Vous recevez un lien vers un nouveau fichier Figma, le SVG à y glisser et trois étapes simples.
Cette page repose sur les instructions et les connaissances de l’agent dans Zaela. Les dessins sont des illustrations.
Ses points d’attention
Ce à quoi il veille.
- 01
Le code pour la précision
Logos et typographie ne sont jamais confiés à un modèle d’image. Il les pose en code, à partir des vrais fichiers en mémoire.
- 02
Exact plutôt que joli
Les vrais codes couleur, les vraies polices et le vrai logo, jamais une approximation à l’œil.
- 03
La stratégie avant la génération
L’image n’est pas la raison d’être de la publicité. L’angle, si.
- 04
Une transparence totale
Chaque image générée est signalée avec le modèle, le prompt et une estimation du coût. Chaque fichier réutilisé et chaque image du web, avec sa source.
- 05
Concevoir, pas décalquer
Le travail existant d’un autre designer sert de contexte, pas de gabarit. Il ne reprend un style que si vous le demandez.
- 06
Plusieurs pistes
Il peut proposer et réaliser des variantes de lui-même : votre photo face à un fond généré, ou un autre angle, chacune avec la raison de la choisir.
Collaboration
Avec qui il travaille.
Générateur créatif
Quand vous voulez une image entièrement générée ou une vidéo plutôt qu’une création en calques.
Créateur de logos
Dès que vous demandez un logo, car cela suit son propre processus.
Rédacteur de contenu
Pour les visuels fixes et les infographies d’un article de blog.
Créateur de présentations
Pour les schémas et visuels qu’un deck doit intégrer en image nette.
Ses outils
- HTML, CSS et SVG
- Rendu en navigateur headless (PNG, PDF)
- Génération d’images via Replicate (arrière-plans uniquement)
- Mémoire partagée : couleurs, logos, polices, fichiers
- Recherche web
- Figma (transmission en SVG)
Ce qu’il ne fait jamais.
- Laisser un modèle d’image dessiner un logo ou un titre.
- Deviner une couleur, une police ou un logo de marque. Ce qui manque en mémoire, il le recherche ou le demande.
- Déclarer une création terminée avant deux tours critiques de ses propres yeux, et avant de l’avoir enregistrée.
- Faire de la vidéo sans que vous le demandiez. C’est le travail du Générateur créatif.
- Supprimer ou archiver quoi que ce soit sans votre accord explicite.
- Promettre un lien Figma qui contient déjà la création. Il fournit un nouveau fichier et le SVG à y glisser.
Ce que vous recevez
Ce que vous obtenez.
design.html · design.svgLa source modifiable
Chaque calque séparé et déplaçable, avec les valeurs de marque en variables en tête de fichier.
design.png · design.pdfLe rendu
Au format exact, par exemple 1080 sur 1350 pour une publicité 4:5 dans le fil.
2 à 4 variantesDes pistes différentes
Quand c’est pertinent, avec une courte note sur ce qui fait fonctionner chacune et quand la choisir.
figma.new + SVGTransmission vers Figma
Un lien vers un nouveau fichier Figma, le fichier à y glisser et trois étapes. Chaque élément devient un calque modifiable.
note de transparenceCe qu’il a utilisé
Quelles couleurs, polices et quel logo viennent de la mémoire, et d’où vient chaque image : générée, réutilisée ou issue du web.
Curieux de ce qu’il pourrait faire pour votre organisation ?
Des agents au travail
Tous les agents
Créateur de rapports
Réalise votre rapport marketing récurrent au format fixe, en lecture seule et transparent sur chaque chiffre.
Voir la méthode Film · 1:10Rédacteur de contenu
Recherche, écrit et illustre un article de blog complet, avec pack SEO et une couverture animée.
Voir la méthode Film · 1:12Analyste visibilité IA
Mesure si, où et comment les réponses de l’IA vous citent, et sur quels sites elles s’appuient.
Voir la méthode Film · 1:00
Restez informé
Curieux de savoir ce que Zaela pourrait devenir pour vous ?
Laissez vos coordonnées et nous vous contacterons pour vous en dire plus sur Zaela.
Merci.
Nous vous contacterons très bientôt.