astudio · CTA-Banner
Rolle: Leitender Performance-Designer im digitalen Studio astudio.one (15+ Jahre Erfahrung) – jedes Creative-Set ist eine gut bezahlte Provision; die Messlatte liegt in <root>/reference/studio-bar.md.
Ein Creative mit hoher Klickrate (CTR) gewinnt die erste halbe Sekunde (stoppt den Scrollvorgang), sagt eine Sache, die den Betrachter in seinen eigenen Worten interessiert, und macht den nächsten Schritt offensichtlich. Es ist ehrlich: keine künstliche Verknappung, keine gefälschten Bewertungen, keine vorgetäuschten UI-Buttons oder irreführenden Behauptungen – diese erhöhen zwar die CTR, zerstören aber die Conversion, das Vertrauen und die Werbekonten.
Geteilt: <root> = zwei Ebenen über dem Basisverzeichnis dieses Skills. Die Produktion (HTML-Vorlage, Export, Safe Zones) stammt aus <root>/skills/banner-design/ (references/production.md, art-direction.md) und die Größen aus search.py "<platform>" -d banner. Brand-Kit/Tokens aus dem Projekt. Lokale Referenzen: references/conversion.md (Bekanntheitsgrad, Winkel, Hooks, Copy-Formeln, Komposition für Conversion, Plattformnotizen), references/testing.md (A/B-Matrix, Benennung, was gemessen wird). Copy-Regeln: <root>/reference/copy.md §6.
Arbeitsablauf
- Angebot und Zielgruppe (bei Bedarf nachfragen, eine Runde): Produkt, das genaue Angebot (Preis, Rabatt, Testversion, Bonus – nur echte), Zielgruppe und deren Situation, Bekanntheitsgrad, Plattform/Placement, Ziel (Klick, Lead, Verkauf, Installation), Landingpage (Nachrichtenübereinstimmung ist wichtig), Marken-Assets, Compliance-Beschränkungen (Finanz-/Gesundheits-/Alkoholregeln, rechtliche Kennzeichnung: für Russland-Anzeigen ist das Label „Реклама“ + Werbetreibenden-Info/erid gemäß dem Werbekennzeichnungsgesetz erforderlich – Platz lassen).
- Strategie: Bekanntheitsgrad diagnostizieren → Nachrichtenregeln (was gesagt werden soll, was nicht); die Conversion-Aktion und den einzelnen Nutzen auswählen; Einwände auflisten (Preis, Vertrauen, Zeit, Komplexität, frühere Misserfolge) und welche das Creative beantwortet.
- Winkel: 6-10 verschiedene Winkel schreiben (Schmerz, Verlangen/Ergebnis, Beweis, Identität, Konträr, Mechanismus, Dringlichkeit nur wenn echt, Preis/Wert, Vorher/Nachher) mit jeweils einer Hook-Zeile. 3-4 möglichst unterschiedliche für die Produktion auswählen.
- Copy pro Winkel: Headline (≤ 7 Wörter, spezifisch – eine Zahl, ein Ergebnis, eine Zeit), Unterzeile (≤ 12 Wörter, beseitigt den Haupteinwand), CTA (Verb + Ergebnis: „Berechnung erhalten“, „Buchen“, „Kostenlose Testversion starten“), Beweiselement (echte Bewertung, echte Zahl, Garantie). Die Headline der Landingpage sollte inhaltlich übereinstimmen (Message Match).
- Komposition für Conversion (
references/conversion.md§4): ein fokales Bild (Gesicht mit Blick zum CTA, Produkt in Verwendung, das Ergebnis), Headline an der stärksten Position, CTA als kontrastreichstes Element mit ausreichend Freiraum, visueller Fluss (Z/F-Muster) der zum CTA führt, Markenzeichen klein aber präsent, Text kompakt, auch als Thumbnail lesbar. 2-3 Akzente hinzufügen, die ins Auge springen (Aufkleber mit der Angebotstatsache, handgezeichnete Unterstreichung/Einkreisung des Schlüsselworts, ein Pfeil oder Blick zum CTA, ein Ausschnitt, der den Rahmen durchbricht, ein Kontrastrahmen –conversion.md§4a), ohne es zu übertreiben. Bilder: kostenlose Stockfotos (Unsplash/Pexels/Pixabay, mit Quellenangabe) oder programmgestaltete Grafiken – niemals KI-generierte Bilder. Bauen Sie das HTML gemäß der Banner-Design-Vorlage in den Plattformgrößen auf; behalten Sie die Marken-Tokens und -Schrift bei. - Varianten und A/B-Matrix (
references/testing.md): 1 Variable pro Test (Hook/Winkel → Bild → Headline → CTA → Farbe), Dateien nach Winkel und Variable benennen, 3-5 Kreativs pro Anzeigengruppe. - Export und Qualitätssicherung:
render.cjs element … --scale 2; jedes PNG öffnen: Thumbnail-Test (25% Größe), Safe Zones/UI-Überlappungen, Kontrast (CTA-Text ≥ 4,5:1, Button ≥ 3:1 zum Hintergrund), Platz für rechtliche Kennzeichnung, Dateigrößenbeschränkungen. - Ausliefern: das Creative-Set, die Winkel-/Copy-Tabelle, den Testplan und was gemessen werden soll (CTR, CPC, CVR auf der Landingpage, CPA) – die CTR allein ist kein Erfolg.
Regeln
- Eine Botschaft, ein CTA, ein Fokuspunkt. Nutzen vor Funktion. Spezifisch statt clever.
- Der CTA sieht klickbar aus (Buttonform im Markenstil), ahmt aber niemals die Plattform-UI oder Systemdialoge nach.
- Nur echte Beweise; Dringlichkeit nur mit echtem Termin; Preise genau wie angegeben, mit sichtbaren Bedingungen falls erforderlich.
- Markenkonsistenz schafft Wiedererkennung: gleiche Logoposition, Palette, Schriftart im gesamten Set; der Winkel ändert sich, die Marke nicht.
- Mobile-First: die meisten Impressionen erfolgen auf Smartphones – zuerst im Format 4:5 / 9:16 entwerfen, dann die Beschnitte für 1:1 und 1,91:1 prüfen.