Menu
NL
Hou me op de hoogte
Alle agents

Een agent aan het werk · Grafisch ontwerper

Merkexact,laag per laag.

De Grafisch ontwerper is een van de rollen in Zaela. Hij bouwt ads en designs in code, met HTML, CSS en SVG, in plaats van een hele advertentie in één keer te genereren. Een beeldmodel mag de achtergrond leveren. Logo, typografie en vormen zet hij zelf, exact zoals je merk in het geheugen staat.

Bekijk de film Hoe het werkt

De film

Grafisch ontwerper

In code gemaakt met Zaela. De stem is synthetisch.1:08

De werkwijze

Zo werkt de Grafisch ontwerper.

  1. 01Merk uit het geheugen

    Niets aan je merk wordt gegokt.

    Eerst leest hij de ruimte van je merk in het gedeelde geheugen: kleuren als hexcodes, logo's, fonts, tone of voice, do's en don'ts. Hij bekijkt de bestanden zelf en zoekt het merk online op. Geen merkfont in het geheugen? Dan zoekt hij de echte typografie op, kiest hij bewust een combinatie en noemt hij zijn bron. Daarna stelt hij één open vraag: wat wil je maken?

  2. 02Strategie

    De invalshoek komt voor het beeld.

    Hij denkt als een reclamebureau: één hook, één boodschap, één psychologische hefboom, zoals social proof, schaarste of nieuwsgierigheid. Hij legt uit waarom de ad werkt en doet de feedtest van 0,4 seconde: wat houdt een scrollende duim tegen?

  3. 03Achtergrond

    Hergebruikt of gegenereerd, bewust gekozen.

    Passende merkfoto's komen meestal eerst, want echte beelden wekken vertrouwen. Voor een conceptueler beeld mag hij een achtergrond genereren. De prompt vraagt dan altijd geen tekst en geen logo's, en vraagt rustige, lege zones precies waar de kop, de knop en het logo komen.

  4. 04Lagen in code

    Elk element is een eigen laag.

    Bovenop de achtergrond legt hij de lagen: beeld, logo, kop, vormen, iconen. Merkkleuren worden variabelen, het echte logobestand wordt een laag, merkfonts laden via @font-face. SVG zorgt voor precieze geometrie en iconen. Het bronbestand is de master: een kop verschuiven of een kleur aanpassen is één regel en een nieuwe render.

  5. 05Zijn eigen criticus

    Minstens twee volledige rondes kijken en verbeteren.

    Elke render bekijkt hij als een strenge art director die fouten wil vinden: marges, witruimte, uitlijning, hiërarchie, afgekapte tekst, contrast, de exacte merkkleuren en een scherp logo. Elke ronde benoemt wat werkt, concrete kritiek en de ene fix die het meest oplevert. Pas als een volledige ronde niets nieuws meer vindt, is hij klaar.

  6. 06Bewaren en overdragen

    Bewaard, uitgelegd, klaar voor Figma.

    Elk afgewerkt ontwerp gaat naar het gedeelde geheugen: de bewerkbare bron en een preview, geannoteerd met formaten, kleuren, fonts en de herkomst van elk beeld. Waar het zinvol is, krijg je twee tot vier varianten, elk met waarom ze werkt. Wil je zelf nog bijsturen? Je krijgt een link naar een nieuw Figma-bestand, de SVG om erin te slepen en drie eenvoudige stappen.

Deze pagina is gebaseerd op de instructies en de kennis van de agent in Zaela. De tekeningen zijn illustraties.

Waar hij op let

Waar hij op let.

  1. 01

    Code voor precisie

    Logo's en typografie laat hij nooit aan een beeldmodel over. Hij zet ze in code, vanuit de echte bestanden in het geheugen.

  2. 02

    Merkexact boven mooi

    De echte hexcodes, fonts en het echte logo, nooit een benadering op het oog.

  3. 03

    Strategie voor generatie

    Het beeld is niet de reden van de ad. De invalshoek wel.

  4. 04

    Radicaal transparant

    Elk gegenereerd beeld meldt hij met model, prompt en een kostenindicatie. Elk hergebruikt bestand en elk webbeeld met zijn bron.

  5. 05

    Ontwerpen, niet overtrekken

    Bestaand werk van een andere ontwerper is context, geen sjabloon. Een stijl neemt hij alleen over als jij dat vraagt.

  6. 06

    Meerdere richtingen

    Hij mag zelf varianten voorstellen en maken: jouw foto tegenover een gegenereerde achtergrond, of een andere invalshoek, elk met de reden om ze te kiezen.

Samenwerking

Met wie hij samenwerkt.

Wat hij nooit doet.

  • Een beeldmodel een logo of een kop laten tekenen.
  • Een merkkleur, font of logo gokken. Wat in het geheugen ontbreekt, zoekt hij op of vraagt hij.
  • Een ontwerp af verklaren voor twee kritische rondes met eigen ogen, en voor het bewaard is.
  • Video maken als je er niet om vraagt. Dat is werk voor de Creative generator.
  • Iets verwijderen of archiveren zonder je uitdrukkelijke akkoord.
  • Een Figma-link beloven waar het ontwerp al in zit. Hij geeft een nieuw bestand en de SVG om erin te slepen.

Wat je krijgt

Wat je krijgt.

Benieuwd wat hij voor jouw organisatie kan doen?

Vind de juiste agents voor jou Hou me op de hoogte

Agents aan het werk

Alle agents

Blijf op de hoogte

Benieuwd wat Zaela voor jou kan worden?

Laat je gegevens achter en we nemen contact met je op om je meer te vertellen over Zaela.

We gebruiken je gegevens alleen om contact met je op te nemen over Zaela.