Guides

Onlineanzeigen

Schreiben & Markieren

Mehr Sichtbarkeit, mehr Traffic, mehr Performance: Hier erfährst du, wie du effektive Onlineanzeigen gestaltest, die unserem Corporate Design entsprechen.

Übersicht

Onlineanzeigen können für die verschiedensten Zwecke eingesetzt werden. Wir bewerben damit ausgewählte Produkte, machen auf besondere Rabattaktionen aufmerksam oder zahlen mit ihrer Hilfe auf unser Image ein. Unabhängig davon, welches Ziel Onlineanzeigen verfolgen, verbindet sie dabei aber immer ein einheitlicher Look.

Reduktion auf das Wesentliche: Nur so kommunizieren Banner schnell und klar.
Tipp

Layout

Bei Onlineanzeigen gilt auch der Grundsatz: Zuerst den Zweck definieren, Aussage auf den Punkt bringen und die dazu nötigen Elemente miteinander kombinieren. Dabei sind manche Bestandteile verpflichtend, andere können optional eingesetzt werden.

1
Thema

Zu Beginn ist es wichtig zu klären, ob es eine Image-, eine Produkt- oder eine Rabattanzeige werden soll.

2
Foto

Wähle zu deinem Thema ein geeignetes Anwendungsbild, das ein Schreibgerät zeigt.

3
Headline

Produktanzeige, Rabattaktion oder Imageanzeige: Formuliere eine knappe Überschrift, die dem Kommunikationsziel entspricht.

4
Call-to-Action

Setze eine deutliche Handlungsaufforderung.

5
Markenbanderole

Die Markenbanderole ist Bestandteil aller Onlineanzeigen. In der Regel sitzt sie oben, aber in Abhängigkeit vom Format kann sie auch rechts oder links platziert werden.

6
Icons & Zertifikate

Optional können Icons oder Zertifikate ergänzt werden. Aber aufgepasst: Die Anzeige darf nicht zu voll wirken.

7
Störer

Besondere Informationen wie Rabattcodes, Aktionszeiträume etc. können in Störern hervorgehoben werden.

  • Thema

    Zu Beginn ist es wichtig zu klären, ob es eine Image-, eine Produkt- oder eine Rabattanzeige werden soll.

  • Foto

    Wähle zu deinem Thema ein geeignetes Anwendungsbild, das ein Schreibgerät zeigt.

  • Headline

    Produktanzeige, Rabattaktion oder Imageanzeige: Formuliere eine knappe Überschrift, die dem Kommunikationsziel entspricht.

  • Call-to-Action

    Setze eine deutliche Handlungsaufforderung.

  • Markenbanderole

    Die Markenbanderole ist Bestandteil aller Onlineanzeigen. In der Regel sitzt sie oben, aber in Abhängigkeit vom Format kann sie auch rechts oder links platziert werden.

  • Icons & Zertifikate

    Optional können Icons oder Zertifikate ergänzt werden. Aber aufgepasst: Die Anzeige darf nicht zu voll wirken.

  • Störer

    Besondere Informationen wie Rabattcodes, Aktionszeiträume etc. können in Störern hervorgehoben werden.

Legende

  • Verpflichtende Punkte
  • Optionale Punkte

Beispielformate

Wie kann die Umsetzung von Onlineanzeigen in der Praxis aussehen? Das kannst du an den folgenden beispielhaften Formaten sehen. Von sehr schmalen bis hin zu sehr breiten Formaten stehen dir dabei verschiedene Gestaltungsmöglichkeiten offen, um CI-konforme Onlinebanner zu layouten.


Don’ts

Das Format von Onlineanzeigen ist oft nicht groß, birgt aber doch genügend Raum für unvorteilhafte Gestaltung. Beispiele für Situationen, die du vermeiden solltest, siehst du hier:

Makers Line

Knapp, klar & cool: Die Onlineanzeigen der Makers Line konzentrieren sich auf kleinstem Format auf das Wichtigste.

Layout

Die Onlineanzeigen der Makers Line sind grundsätzlich nach dem gleichen Gestaltungsprinzip aufgebaut wie für den Produktbereich Schreiben & Markieren. Hier siehst du, welche Elemente du für eine CI-konforme Onlineanzeige benötigst:

1
Thema

Definiere am Anfang das Kommunikationsziel: Welches Produkt möchtest du bewerben? Welche Aussage willst du vermitteln?

2
Foto

Wähle zu deinem Thema ein geeignetes Anwendungsbild, das ein Schreibgerät zeigt.

3
Headline

Formuliere eine knappe Überschrift, die dem Kommunikationsziel entspricht.

4
Call-to-Action

Setze eine deutliche Handlungsaufforderung.

5
Markenbanderole

Die Markenbanderole ist Bestandteil aller Onlineanzeigen. In der Regel sitzt sie oben, aber in Abhängigkeit vom Format kann sie auch rechts oder links platziert werden.

6
Icons & Zertifikate

Optional können Icons oder Zertifikate ergänzt werden. Aber aufgepasst: Die Anzeige darf nicht zu voll wirken.

  • Thema

    Definiere am Anfang das Kommunikationsziel: Welches Produkt möchtest du bewerben? Welche Aussage willst du vermitteln?

  • Foto

    Wähle zu deinem Thema ein geeignetes Anwendungsbild, das ein Schreibgerät zeigt.

  • Headline

    Formuliere eine knappe Überschrift, die dem Kommunikationsziel entspricht.

  • Call-to-Action

    Setze eine deutliche Handlungsaufforderung.

  • Markenbanderole

    Die Markenbanderole ist Bestandteil aller Onlineanzeigen. In der Regel sitzt sie oben, aber in Abhängigkeit vom Format kann sie auch rechts oder links platziert werden.

  • Icons & Zertifikate

    Optional können Icons oder Zertifikate ergänzt werden. Aber aufgepasst: Die Anzeige darf nicht zu voll wirken.

Legende

  • Verpflichtende Punkte
  • Optionale Punkte

Beispielformate

Superhoch, superbreit, superschmal, supergut! Die Umsetzung von Onlineanzeigen bietet in den unterschiedlichsten Formaten viele flexible Gestaltungsmöglichkeiten.

Werbe- schreibgeräte

Grundsätzlich folgt der Produktbereich den Gestaltungsrichtlinien von Schreiben & Markieren. Dennoch gibt es eine Besonderheit: Onlineanzeigen werden hier in der Regel animiert.

Animiertes Storytelling

Der Produktbereich Werbeschreibgeräte verfolgt bei Onlineanzeigen einen zweistufigen Ansatz: Zuerst wird ein Produktbild angezeigt, im Anschluss daran eine mit dem Produkt verknüpfte Story. Um diesen Ablauf zu ermöglichen, werden Onlineanzeigen animiert.

Sind Animationen oder eine Abfolge von mehreren Bildern technisch nicht möglich? Kein Problem. Dann orientiere dich einfach an den Richtlinien zu den Online-Anzeigen von Schreiben & Markieren weiter oben.

Layout

Bei Onlineanzeigen für Werbeschreibgeräte ist auch der Produkt-USP Ausgangspunkt der Kreation. Über die Animation lässt sich dann eine ganze Geschichte erzählen. Welche Gestaltungselemente du für deine Arbeit benötigst, siehst du hier in der Übersicht:

1
Produkt

Fokussiere dich auf ein Produkt: Wodurch zeichnet es sich aus? Verpacke den USP in eine dazu passende Story.

2
Produktabbildung

Präsentiere das Produkt im gewohnten Werbeschreibgeräte-Look. Dieses Motiv wird als erstes gezeigt.

3
Headline

Formuliere eine ebenso klare wie markante Aussage.

4
Call-to-Action

Setze eine deutliche Handlungsaufforderung. Dieser CTA bleibt während der gesamten Animation unverändert.

5
Markenbanderole

Die Markenbanderole ist ein fixer Bestandteil der Onlineanzeige, der während der Animation an Ort und Stelle bleibt.

6
Icons & Zertifikate

Optional können Icons oder Zertifikate ergänzt werden. Aber aufgepasst: Die Anzeige darf nicht zu voll wirken.

7
Storymotiv

Lebensnah & authentisch: Der zweite Frame der Animation kommuniziert die Story durch ein aussagekräftiges Bild.

8
Zitat

Sympathisch & knapp: In einer kurzen Aussage wird der Inhalt der Story auf den Punkt gebracht.

9
Störer

Besondere Informationen wie Rabattcodes, Aktionszeiträume etc. können in Störern hervorgehoben werden.

  • Produkt

    Fokussiere dich auf ein Produkt: Wodurch zeichnet es sich aus? Verpacke den USP in eine dazu passende Story.

  • Produktabbildung

    Präsentiere das Produkt im gewohnten Werbeschreibgeräte-Look. Dieses Motiv wird als erstes gezeigt.

  • Headline

    Formuliere eine ebenso klare wie markante Aussage.

  • Call-to-Action

    Setze eine deutliche Handlungsaufforderung. Dieser CTA bleibt während der gesamten Animation unverändert.

  • Markenbanderole

    Die Markenbanderole ist ein fixer Bestandteil der Onlineanzeige, der während der Animation an Ort und Stelle bleibt.

  • Icons & Zertifikate

    Optional können Icons oder Zertifikate ergänzt werden. Aber aufgepasst: Die Anzeige darf nicht zu voll wirken.

  • Storymotiv

    Lebensnah & authentisch: Der zweite Frame der Animation kommuniziert die Story durch ein aussagekräftiges Bild.

  • Zitat

    Sympathisch & knapp: In einer kurzen Aussage wird der Inhalt der Story auf den Punkt gebracht.

  • Störer

    Besondere Informationen wie Rabattcodes, Aktionszeiträume etc. können in Störern hervorgehoben werden.

Legende

  • Verpflichtende Punkte
  • Optionale Punkte

Herausforderung Hochformat

Bei Onlinebannern können auch immer wieder extreme Formate vorkommen – so wie ein sehr schmales Hochformat. Wie du die verschiedene Gestaltungselemente dabei anordnen kannst, siehst du an diesem Anwendungsbeispiel


Downloads

Wir haben Musterdateien als InDesign-Dokumente für dich vorbereitet. Sie enthalten bereits alle wichtigen Gestaltungselemente und Absatzformate in gängigen Bannergrößen.

Schreiben und Markieren

Imageanzeige – 160 x 600 px .indd Zum Download
Imageanzeige – 300 x 250 px .indd Zum Download
Imageanzeige – 480 x 120 px .indd Zum Download
Imageanzeige – 728 x 90 px .indd Zum Download
Produkt- oder Rabattanzeige – 160 x 600 px .indd Zum Download
Produkt- oder Rabattanzeige – 300 x 250 px .indd Zum Download
Produkt- oder Rabattanzeige – 480 x 120 px .indd Zum Download
Produkt- oder Rabattanzeige – 728 x 90 px .indd Zum Download

Makers Line

Produktanzeige – 160 x 600 px .indd Zum Download
Produktanzeige – 300 x 250 px .indd Zum Download
Produktanzeige – 480 x 120 px .indd Zum Download
Produktanzeige – 728 x 90 px .indd Zum Download

Werbeschreibgeräte

Produktanzeige – 120 x 600 px .indd Zum Download
Produktanzeige – 300 x 250 px .indd Zum Download
Produktanzeige – 480 x 120 px .indd Zum Download
Produktanzeige – 665 x 295 px .indd Zum Download