Ein Agent bei der Arbeit · Grafikdesigner
Markengenau,Ebene für Ebene.
Der Grafikdesigner ist eine der Rollen in Zaela. Er baut Anzeigen und Designs in Code, mit HTML, CSS und SVG, statt eine ganze Anzeige in einem Zug zu generieren. Ein Bildmodell darf den Hintergrund liefern. Logo, Schrift und Formen setzt er selbst, genau so, wie Ihre Marke im Gedächtnis hinterlegt ist.
Der Film
Grafikdesigner
Die Arbeitsweise
So arbeitet der Grafikdesigner.
-
01Marke aus dem Gedächtnis
Nichts an Ihrer Marke wird geraten.
Zuerst liest er den Bereich Ihrer Marke im gemeinsamen Gedächtnis: Farben als Hex-Codes, Logos, Schriften, Tonalität, Dos und Don'ts. Er sieht sich die Dateien selbst an und recherchiert die Marke online. Keine Markenschrift hinterlegt? Dann sucht er die echte Typografie, wählt bewusst eine Schriftpaarung und nennt seine Quelle. Danach stellt er eine offene Frage: Was möchten Sie gestalten?
-
02Strategie
Der Blickwinkel kommt vor dem Bild.
Er denkt wie eine Agentur: ein Hook, eine Botschaft, ein psychologischer Hebel, etwa Social Proof, Knappheit oder Neugier. Er erklärt, warum die Anzeige wirkt, und macht den 0,4-Sekunden-Feed-Test: Was stoppt einen scrollenden Daumen?
-
03Hintergrund
Wiederverwendet oder generiert, mit Absicht.
Passende Markenfotos kommen meist zuerst, weil echte Bilder Vertrauen schaffen. Für ein konzeptuelleres Bild darf er einen Hintergrund generieren. Der Prompt verlangt dann immer keinen Text und keine Logos und fordert ruhige, freie Zonen genau dort, wo Headline, Button und Logo hinkommen.
-
04Ebenen in Code
Jedes Element ist eine eigene Ebene.
Über den Hintergrund legt er die Ebenen: Bild, Logo, Headline, Formen, Icons. Markenfarben werden Variablen, die echte Logodatei wird eine Ebene, Markenschriften laden über @font-face. SVG übernimmt präzise Geometrie und Icons. Die Quelldatei ist der Master: Eine Headline verschieben oder eine Farbe ändern ist eine Zeile und ein neues Rendering.
-
05Sein eigener Kritiker
Mindestens zwei volle Runden aus Ansehen und Korrigieren.
Jedes Rendering prüft er wie ein strenger Art Director, der Fehler finden will: Ränder, Abstände, Ausrichtung, Hierarchie, abgeschnittener Text, Kontrast, exakte Markenfarben und ein scharfes Logo. Jede Runde nennt Stärken, konkrete Kritik und die eine Korrektur mit der größten Wirkung. Fertig ist er erst, wenn eine volle Runde nichts Neues mehr findet.
-
06Speichern und übergeben
Gespeichert, erklärt, bereit für Figma.
Jedes fertige Design landet im gemeinsamen Gedächtnis: die bearbeitbare Quelle und eine Vorschau, beschriftet mit Formaten, Farben, Schriften und der Herkunft jedes Bildes. Wo es sinnvoll ist, bekommen Sie zwei bis vier Varianten, jeweils mit einer Begründung, warum sie funktioniert. Möchten Sie selbst nachbessern? Sie bekommen einen Link zu einer neuen Figma-Datei, die SVG zum Hineinziehen und drei einfache Schritte.
Diese Seite beruht auf den Anweisungen und dem Wissen des Agenten in Zaela. Die Zeichnungen dienen der Veranschaulichung.
Worauf er achtet
Worauf er achtet.
- 01
Code für Präzision
Logos und Typografie überlässt er nie einem Bildmodell. Er setzt sie in Code, aus den echten Dateien im Gedächtnis.
- 02
Markengenau statt hübsch
Die echten Hex-Codes, Schriften und das echte Logo, nie eine Annäherung nach Augenmaß.
- 03
Strategie vor Generierung
Das Bild ist nicht der Grund für die Anzeige. Der Blickwinkel ist es.
- 04
Radikale Transparenz
Jedes generierte Bild nennt er mit Modell, Prompt und Kostenschätzung. Jede wiederverwendete Datei und jedes Webbild mit Quelle.
- 05
Gestalten, nicht abpausen
Bestehende Arbeit eines anderen Designers ist Kontext, keine Vorlage. Einen Stil übernimmt er nur, wenn Sie das wünschen.
- 06
Mehrere Richtungen
Er darf von sich aus Varianten vorschlagen und bauen: Ihr Foto gegen einen generierten Hintergrund oder ein anderer Blickwinkel, jeweils mit dem Grund, sie zu wählen.
Zusammenarbeit
Mit wem er zusammenarbeitet.
Creative Generator
Wenn Sie ein vollständig generiertes Bild oder ein Video statt eines Designs in Ebenen möchten.
Logo-Designer
Sobald Sie ein Logo wünschen, denn dafür gibt es einen eigenen Ablauf.
Content Writer
Für Standbilder und Infografiken in einem Blogartikel.
Präsentationsersteller
Für Schaubilder und Visuals, die ein Deck als scharfes Bild braucht.
Tools, die er nutzt
- HTML, CSS und SVG
- Headless-Browser-Rendering (PNG, PDF)
- Bildgenerierung über Replicate (nur Hintergründe)
- Gemeinsames Gedächtnis: Farben, Logos, Schriften, Dateien
- Websuche
- Figma (Übergabe als SVG)
Was er nie tut.
- Ein Bildmodell ein Logo oder eine Headline zeichnen lassen.
- Eine Markenfarbe, eine Schrift oder ein Logo raten. Was im Gedächtnis fehlt, recherchiert er oder fragt nach.
- Ein Design für fertig erklären, bevor er es zweimal kritisch mit eigenen Augen geprüft und gespeichert hat.
- Video machen, wenn Sie nicht danach fragen. Das ist Sache des Creative Generators.
- Etwas löschen oder archivieren ohne Ihre ausdrückliche Zustimmung.
- Einen Figma-Link versprechen, in dem das Design schon steckt. Er liefert eine neue Datei und die SVG zum Hineinziehen.
Was Sie bekommen
Was Sie bekommen.
design.html · design.svgDie bearbeitbare Quelle
Jede Ebene einzeln verschiebbar, die Markenwerte als Variablen ganz oben.
design.png · design.pdfDas Rendering
Im exakten Format, zum Beispiel 1080 mal 1350 für eine 4:5-Feed-Anzeige.
2 bis 4 VariantenVerschiedene Richtungen
Wo es sinnvoll ist, mit einer kurzen Notiz, warum jede funktioniert und wann Sie sie wählen würden.
figma.new + SVGÜbergabe an Figma
Ein Link zu einer neuen Figma-Datei, die Datei zum Hineinziehen und drei Schritte. Jedes Element wird eine bearbeitbare Ebene.
TransparenznotizWas er verwendet hat
Welche Farben, Schriften und welches Logo aus dem Gedächtnis kamen, und woher jedes Bild stammt: generiert, wiederverwendet oder aus dem Web.
Neugierig, was er für Ihre Organisation tun kann?
Agenten bei der Arbeit
Alle Agenten
Berichtsersteller
Erstellt Ihren wiederkehrenden Marketingbericht im festen Format, nur lesend und transparent bei jeder Zahl.
Zur Arbeitsweise Film · 1:02Content Writer
Recherchiert, schreibt und bebildert einen vollständigen Blogartikel, mit SEO-Paket und bewegtem Cover.
Zur Arbeitsweise Film · 1:05KI-Sichtbarkeitsanalyst
Misst, ob, wo und wie KI-Antworten Sie nennen, und auf welche Websites sich die KI stützt.
Zur Arbeitsweise Film · 1:03
Auf dem Laufenden bleiben
Neugierig, was Zaela für Sie werden kann?
Hinterlassen Sie Ihre Daten, und wir melden uns, um Ihnen mehr über Zaela zu erzählen.
Vielen Dank.
Wir melden uns in Kürze bei Ihnen.