Design-Tipps für Web-Banner für mehr Klicks
Veröffentlicht: 2022-05-25Design-Tipps für Web-Banner für mehr Klicks
Sind Web-Banner Teil Ihrer digitalen Werbestrategie? Verwenden Sie die richtigen Designtipps für Webbanner, um mit Kunden in Kontakt zu treten? Wenn nicht, verpassen Sie eine großartige Gelegenheit, Ihren Web-Traffic zu steigern.
Webbanner haben eine lange Geschichte. Das allererste Web-Banner wurde am 27. Oktober 1994 von AT&T Corp hochgeladen. Seitdem haben Web-Banner einen langen Weg zurückgelegt.

Sie möchten eine starke Präsenz im Internet aufbauen und sicherstellen, dass jeder Ihre Marke kennt? Planen Sie eine Full-Funnel-Kampagne und fragen sich, welches Medium das beste für die Markenbekanntheit ist?
Dann möchten wir Ihnen gerne eines unserer Lieblingsmedien im digitalen Marketing vorstellen: Webbanner. Sie können sie überall sehen – wann immer Sie eine Website besuchen, ein Video auf YouTube ansehen oder sogar etwas auf Google durchsuchen.
Und deshalb sind sie die beste Wahl für Ihre Markenbekanntheitskampagnen.
Webbanner haben eine lange Geschichte. AT&T corp startete am 27. Oktober 1994 das allererste Webbanner . Der Rest ist, wie man so schön sagt, Geschichte.
Web-Banner sind im Laufe der Zeit immer beliebter geworden. Und das aus gutem Grund. Sie sind erschwinglich, Sie können Ihre Ergebnisse messen und sie sind effektiv.
Es sieht zwar so aus, als wäre es ein kleines kreatives Design und Marken müssen sich keine Sorgen machen, aber die Wahrheit ist weit davon entfernt.
Design spielt eine große Rolle für den Erfolg Ihres Webbanners, und deshalb hat das Kimp-Team unsere besten Webbanner-Designtipps für Sie zusammengestellt.
Die 7 besten Designtipps für Webbanner
Wussten Sie, dass Kimp im Jahr 2003 seine bescheidenen Anfänge im Webbanner-Design für unsere Kunden hatte? Ja, das Design von Webbannern ist unsere Ursprungsgeschichte, daher können wir mit Sicherheit sagen, dass wir ein oder zwei Dinge darüber wissen.
Meistens geben Marken und Vermarkter viel Geld aus, um ihre Bannerwerbung auf den besten Websites zu hosten und den Datenverkehr zu analysieren. Aber wenn die Klicks versiegen, fühlen sie sich oft ratlos.
Wir können Ihnen sagen, warum die Klicks versiegen. Das liegt daran, dass das Design seine Aufgabe nicht erfüllt.
Wie kann man es also dazu bringen, seinen Job zu machen? Befolgen Sie die folgenden Tipps, wenn Sie wissen möchten, wie, oder treten Sie mit dem Kimp-Team in Kontakt und probieren Sie unsere Grafikdesign-Services aus, um es im Handumdrehen zu erledigen.
1) Bannergröße und -platzierung sind in Ihrem Web-Banner-Design von Bedeutung
Banner gibt es in vielen Formen und Größen, je nachdem, wo Sie werben möchten. Selbst innerhalb einer Plattform erfordern unterschiedliche Platzierungen unterschiedliche Größen. Machen Sie sich mit allen Bannergrößen vertraut, die Sie zur Vorbereitung auf Ihre bevorzugte Platzierung benötigen.
Unter den verschiedenen Größen, die bei Google Ads verfügbar sind, empfiehlt Adsense die folgenden als die leistungsstärksten Anzeigengrößen:
- 728×90 Bestenliste
- 300×600 halbe Seite
- 336 × 280 Großes Rechteck
- 300 × 250 Mittleres Rechteck
- 320 × 100 großes mobiles Banner
Rectangle- und Leaderboard-Banner gehören zu den Top-Größen, die für 89 % der Klicks verantwortlich sind.

Bildquelle: Match2One
Je nach gewählter Plattform können Sie dasselbe Banner in verschiedenen Größen verwenden. Und denken Sie daran, Banner sind nicht nur für Websites, Sie können Bannerwerbung auch für soziale Medien, YouTube-Videos, Newsletter und Suchmaschinen verwenden.

Entworfen von Kimp

Entworfen von Kimp
Entscheiden Sie sich bei Bannerwerbung auf Newslettern und Websites immer für die Platzierung „above the fold“. Versuchen Sie, sich nicht zu weit vom Hauptschwerpunkt auf einer Seite zu entfernen. Auf diese Weise können Sie die Aufmerksamkeit der Website-Besucher leichter auf sich ziehen.

Entworfen von Kimp
Kimp-Tipp: Wenn Sie ein Webbanner-Design erstellen, erstellen Sie ein ganzes Set mit verschiedenen Bannergrößen, damit Sie mit verschiedenen Platzierungen experimentieren können, ohne zum Reißbrett zurückkehren zu müssen.
Benötigen Sie Hilfe bei Ihren Webbanner-Designs? Mit einem unbegrenzten Designabonnement von Kimp Graphics zahlen Sie nicht für das Design und das Marketing wird einfach!
2) Struktur und visuelle Hierarchie sind wichtig
Wie können wir über Bannerdesign sprechen und nicht über den wichtigsten Abschnitt sprechen – Struktur und Hierarchie des Designs? Diese Faktoren steuern, wie der Kunde mit Ihrer Anzeige interagiert, und wenn Sie das richtig machen, sind Sie goldrichtig. Wenn der Kunde zu lange braucht, um den CTA zu erkennen, werden Sie wahrscheinlich keine Klicks oder Conversions erhalten.
Für beste Ergebnisse gestalten Sie das Webbanner so, dass:
- Der CTA ist immer „above the fold“.
- Die wichtigsten Elemente wie Ihr Logo oder ein Bild sprechen am meisten
- Das Design ist leicht verständlich, ohne zu überladen

Entworfen von Kimp
Unten sind die Schlüsselelemente in jedem Webbanner-Design, nach Wichtigkeit geordnet:
- Wertversprechen – Dies sollte den meisten Platz einnehmen. Ihr Wertversprechen bietet wichtige Funktionen und Anreize, die die Aufmerksamkeit Ihres Publikums auf sich ziehen. Dazu gehören Beschreibungen wie „Zeitlich begrenzt“ oder „30 % Rabatt“.
- Call-to-Action – Dies sollte ein klarer Schwerpunkt in Ihrer Anzeige sein und eine unterstützende Rolle in Ihrem Leistungsversprechen spielen. Probieren Sie je nach Ziel und Botschaft einfache Sätze wie „Weitere Informationen“, „Erste Schritte“ oder „Jetzt bestellen“ aus.
- Firmenlogo – Der Aufbau von Markenbekanntheit ist eines der Hauptziele von Bannern. Fügen Sie Ihr Logo hinzu, aber lassen Sie es nicht Ihren Wert oder CTA überwältigen. Eine gängige Platzierung, die gut funktioniert, ist die obere linke Ecke.
- Bild – Wenn Sie ein Produkt oder eine Dienstleistung haben, die Sie durch ein Bild darstellen können, kann es nützlich sein, es einzufügen. Aber es sollte die drei anderen Elemente des Webbanner-Designs nicht überlagern. Es sollte einfach eine ergänzende Kulisse bieten.

Entworfen von Kimp
Das Hervorheben eines Bildes durch Vergrößern ist eine der effektivsten Möglichkeiten, den Kunden dazu zu bringen, dort zu klicken, wo Sie ihn haben möchten.
Benötigen Sie Hilfe bei der Gestaltung Ihrer Webbanner? Arbeiten Sie mit dem Kimp Graphics -Team zusammen, um ein ansprechendes und effektives Webbanner-Design zu erhalten!
3) Wählen Sie die richtigen Bilder für Ihr Webbanner-Design aus
Zu den visuellen Elementen, die in Ihren Bannern eine hohe Bedeutung haben, gehören Branding-Elemente, Schriftarten, Bilder und Farben. Während Farbe und Schriftart einfach zu wählen sind, sind Bilder nicht so einfach. Sie können sich jederzeit vom Brand Style Guide bei Farben, Schriftarten und Branding-Elementen unterstützen lassen. Aber wie wählt man das richtige Bild aus?
Sie möchten eine visuelle Hilfe, um Ihre Botschaft einfach zu vermitteln, aber wir kennen die Kardinalregel des Marketingdesigns: KISS (Keep It Simple Stupid).
Bei Ihrem Webbanner-Design sind der CTA und die Botschaft sehr wichtig. Halten Sie es also einfach und wählen Sie ein oder maximal zwei Bilder für Ihr Webbanner-Design aus.
Anstatt dass zu viele Bilder das Problem lösen, erstellen sie manchmal ein ineffektives Design, das keine Klicks erhält. Und das will keiner. Die meisten Webbanner-Designs enthalten nur den Text und einen CTA, aber ein Bild kann hilfreich sein, wenn Sie es gut verwenden.


Entworfen von Kimp
Kimp-Tipp : Auch wenn Sie sich dafür entscheiden, Bilder einzufügen, treffen Sie die richtige Wahl und entscheiden Sie sich für Marken-/einzigartige Bilder. Stockfotos sind leicht verfügbar, verleihen der Nachricht jedoch keine Authentizität, es sei denn, sie werden bearbeitet und angepasst. Außerdem können Sie jederzeit ein Stock-Foto als Referenz auswählen und mit einem Designteam zusammenarbeiten, um etwas Ähnliches zu entwerfen, das jedoch für Sie gebrandet ist.
Mit Kimp Graphics stellen wir sicher, dass die Grafikdesigns, die wir unseren Kunden liefern, zu 100 % einzigartig und auf ihre Anforderungen zugeschnitten sind.
Und wenn Sie wissen möchten, auf welchen Stockfotos-Websites Sie am besten nach Inspiration suchen, sehen Sie sich hier unseren Leitfaden an .
4) Wählen Sie die richtigen Farben für Ihr Webbanner-Design
Wenn Sie Kimps Blogs oder andere Marketing-Design-Ressourcen verfolgt haben, wissen Sie, dass Vermarkter auf den Einfluss von Farbe auf den Erfolg der Kampagnen schwören.
Selbst bei großformatigen Designs verbringen die Leute Stunden damit, die richtigen Farben auszuwählen. Und wenn Ihre Anzeige kaum 320 x 100 groß ist, hat Farbe eine noch größere Wirkung.
Was ist das für eine Auswirkung? Nun, es gibt wichtige Faktoren, um die Farben für Ihr Webbanner-Design sorgfältig auszuwählen:
- Wählen Sie Markenfarben für eine stärkere Markenbekanntheit.
- Verwenden Sie Farben, die gemäß der Farbpsychologie die richtigen Emotionen bei Ihren Kunden auslösen. Kunden assoziieren beispielsweise Blau mit Vertrauen und Lila mit Luxus.
- Betonen Sie die visuelle Hierarchie, indem Sie die richtigen Farbkombinationen verwenden. Die Farben, die Sie in Kombination mit Ihren Elementen und/oder Bildern verwenden, sollten dabei helfen, das Auge des Betrachters zu lenken. Sie möchten sie vom Wertversprechen zum CTA bringen und sich dabei Ihres Logos bewusst sein.

Entworfen von Kimp
Konzentrieren Sie sich auch auf die Farbe für Ihren Text. Ihr CTA sollte sich von Ihrer Hintergrundfarbe abheben, und Ihr Wertversprechen sollte sich ebenfalls abheben.
Wenn Sie offen für Experimente sind, bietet Ihnen Farbe die Möglichkeit, sich auszutoben. Von zweifarbigen bis pastellfarbenen und lebendigen bis minimalen Farbschemata haben Sie viel zu tun. Und in den Fällen, in denen Sie die genaue Platzierung kontrollieren können (z. B. Website-Anzeigen oder Newsletter), überlegen Sie, was Sie hervorhebt und gleichzeitig Ihre Botschaft verstärkt.
Kimp-Tipp: Ziehen Sie bei YouTube-Videos und Newsletter-Banneranzeigen in Betracht, einen kleinen Rand um das Banner herum zu lassen, damit es nicht mit dem Hintergrund kollidiert. Oft haben Sie keine Kontrolle darüber, wo genau die Anzeige angezeigt wird, daher ist dies eine gute Möglichkeit, Ihren ROI zu schützen.
5) Finden Sie die richtigen Schriftarten
Nach der Farbe und den Bildern in Ihren Webbanner-Designs müssen Sie die richtigen Schriftarten auswählen, damit Ihr Design erfolgreich ist.
Schriftarten vermitteln eine subtile Botschaft über den Ton und die Emotionen über den Inhalt Ihres Webbanners. Und die unterschiedlichen Stile, die Sie für jede Schriftart verwenden, wie Größe, Design und Farbe, zeigen ihre Bedeutung.
Indem Sie die Größen variieren, können Sie den Kunden auch beim Lesen des Webbanner-Designs anleiten.

Entworfen von Kimp
Stellen Sie sicher, dass Ihre Überschrift und Ihr Fließtext unterschiedliche Größen haben, aber verwenden Sie keine Schriftgrößen unter 10 pt, es sei denn, es handelt sich um eine Art Haftungsausschluss.
Betrachten Sie Gotham, Myriad Pro und Helvetica Neue LT Std für Ihre Banner. Sie sind die am häufigsten verwendeten Schriftarten in Display-Anzeigen. Und das aus gutem Grund. Sie sind gut lesbar, werden von den Kunden aber auch als stilvoll und modern empfunden. Ein paar weitere Optionen in diese Richtung sind Proxima Nova, Brandon Grotesque, Bebas Neue und Open Sans. Zu dünne Schriftarten, Skripte oder alle Großbuchstaben machen Ihre Banner weniger effektiv, da Ihre Botschaften unklar werden.
Wenn Sie abenteuerlustig sind, möchten Sie vielleicht benutzerdefinierte Typografie ausprobieren. Es kann Ihre Anzeige originell erscheinen lassen und mehr Aufmerksamkeit darauf lenken. Achten Sie wie bei allen Schriftarten darauf, dass die Schriftart gut lesbar ist.

Entworfen von Kimp
Kimp-Tipp: Web-Banner-Designs dürfen nicht zu viel Text enthalten. Sie brauchen eine klare, einfache Botschaft. Wählen Sie also eine gut lesbare Schriftart und bleiben Sie dabei. Experimentieren Sie nicht mit Schriftkombinationen. Wählen Sie einen einzigen Stil und bleiben Sie dabei, mit nur Änderungen für die Anzeige der Hierarchie (dh unterschiedliche Größen für Überschriften oder Textkörper).
6) Betrachten Sie Animationen in Ihren Bannern
Die Marketingwelt liebt Motion Graphics sehr. Alles mit ein wenig Bewegung erhält im Internet immense Zugkraft. Auf Webbannern ist das Abspielen von Videos jedoch nicht möglich. Sie nehmen viel Platz ein, sind sehr kompliziert und brauchen ewig zum Laden.
Was Sie also tun können, um sich die Popularität von Bewegungsgrafiken zunutze zu machen, ist das Hinzufügen von Animationen zu Ihren Web-Banner-Designs.
Das Hinzufügen von Animationen kann Ihnen helfen, die Aufmerksamkeit Ihres Publikums zu gewinnen. Aus diesem Grund sind HTML5- und GIF-Banner sehr beliebt. Sie können helfen, Ihre Botschaft zu vermitteln und am Ende die Aufmerksamkeit auf Ihren CTA zu lenken.
Aber bevor Sie auf den Animationszug aufspringen, sollten Sie den Wert bedenken, den er auf den Tisch bringt. Arbeiten Sie daran, etwas zu schaffen, das die Wirksamkeit der Botschaft verbessert und nicht davon ablenkt. Ein einfaches GIF des Produkts funktioniert hervorragend. Halten Sie es einfach und sehen Sie, wie es funktioniert.
Halten Sie Ihre Animation auf maximal 15 Sekunden, die nicht mehr als drei Schleifen umfassen sollte.
Für einfache Animationen können Sie einfach ein Kimp Graphics- Abonnement erwerben. Wir haben nur eine monatliche Pauschalgebühr für Grafikdesign und keine Stufen. Nehmen Sie ein Abonnement und Sie erhalten alles, was Sie brauchen. Probieren Sie für komplexere Animationen Kimp Video aus !
7) Repräsentieren Sie Ihre Marke konsequent
Einer der wichtigsten Tipps für das Design von Webbannern ist, dass Sie konsistent sein müssen. Ihre Banner werden direkt auf Ihre Website geleitet. Sie müssen also dem gleichen Designstil und der gleichen Sprache folgen. Dies hilft beim Aufbau von Vertrauen und vermeidet Verwirrung auf Seiten der Kunden.

Entworfen von Kimp
Können Sie sich vorstellen, dass ein potenzieller Kunde auf ein Banner klickt, das mit Bildern und Farben gestaltet wurde, die überhaupt nicht wie die Website aussehen, auf die er verweist? Sie würden wahrscheinlich denken, dass sie aus Versehen auf der Seite gelandet sind. Oder sie unterbrachen ihre Betrachtung des Produkts oder der Dienstleistung, um mit der Bewertung der Inkonsistenzen zu beginnen. Beides ist kein gewünschtes Ergebnis.
Konzentrieren Sie sich also darauf, Konsistenz in Ton, Inhalt und Designstil zu schaffen. Sie können experimentieren und Spaß mit den Details haben, aber denken Sie daran, dass Ihr ultimatives Ziel darin besteht, es in Ihre Marke einzubinden. Und damit Ihr Publikum klickt, klickt, klickt.
Erwägen Sie die Entwicklung eines Marken-Styleguides, um bei allen Schritten Konsistenz zu gewährleisten. Lesen Sie hier unseren Ratgeber dazu .
Ace-Webbanner-Designs mit Kimp
Wir haben Ihnen gesagt, dass Bannerdesigns ein Teil unserer Entstehungsgeschichte sind. Darauf haben wir das gesamte Unternehmen aufgebaut und vertrauen darauf, dass es keinen besseren Weg gibt, Ihre Markenbekanntheit zu neuen Höhen zu führen. Dafür bürgen unsere Kunden und unsere Designs.
Wir haben zwei unbegrenzte Designdienste für Grafikdesign ( Kimp Graphics ) und Videodesign ( Kimp Video ). Für diese Abonnements zahlen Sie eine monatliche Pauschalgebühr, um mit einem engagierten Designteam zusammenzuarbeiten, das Designs für eine Vielzahl verschiedener Kategorien liefern kann.
Und wenn Sie uns ausprobieren möchten, bevor Sie sich verpflichten, melden Sie sich jetzt für unsere kostenlose 7-Tage-Testversion an .
