Skip to main content

Kleine Farbenlehre – 5 Faktoren für höhere Konversionen

  • SEO-Küche Logo


PDF herunterladen

Welche Farbe sollte unser Call-To-Action Button haben? Welche Farben führen zu mehr Konversionen? Passt die Farbe zu unserer Käufer- und Zielgruppe? Nehmen Frauen Farben anders wahr als Männer? – Machen wir es schnell und schmerzlos:

Welche Farben für welche Käufertypen

SEO-Küche-Pinterest-WebdesignWer seinen Umsatz mit Impulskäufern macht, kann mit einem roten Call-To-Action Button (CTA) seine Konversionen um 20% steigern. Impulskäufer sind Hedonisten. Sie kaufen, was gut zu schmecken scheint, was „trendy“ oder „in“ ist. Schon einmal etwas aus Frust oder Liebeskummer gekauft? Willkommen bei den Impulskäufern.

Budgetkäufer, auch „Schnäppchenjäger“ genannt, springen eher auf Blau oder Blaugrün (Petrol) an. Sie Informieren sich sorgfältig vor dem Kauf, vergleichen Preise und Leistungen und entscheiden sich dann für das beste Preis-Leistungs-Verhältnis, wobei der Preis ausschlaggebend ist. Haben Sie im letzten Jahr ihren Stromanbieter gewechselt und klicken regelmäßig Emails von Check24 an? Glückwunsch, Sie gehören zu den Budgetkäufern.

Traditionelle Käufer mögen Himmelblau (auch „Hellblau“ genannt) Pink oder Rosa. Auch Lila, Dunkelgrün oder Braun wirken bei dieser Käufergruppe. Sie finden sich in gehobenen Gehaltsklassen, sind überzeugt, dass Qualität mehr kosten darf und bevorzugen Marken, die nicht in jedem Laden zu haben sind. Wer eine Barbour-Wachsjacke besitzt, weiß, wovon die Rede ist.

Diese Einteilung ist offensichtlich zu grob: Manchmal ist man Impulskäufer, manchmal traditioneller Käufer. CTAs wirken bei Frauen anders als bei Männern. Kontraste zwischen dem CTA und dem Rest einer Seite verändern Konversionen ebenso stark wie die Farbwahl des CTA. Im B2B gelten andere Regeln als im B2C und es gibt erstaunliche Unterschiede in der Farbwahrnehmung zwischen verschiedenen Kulturgruppen. Bevor wir diese Aspekte etwas aufdröseln, ein Hinweis:

Welche Farbe für einen bestimmten CTA zu den besten Konversionsraten führt, kann letzten Endes nur durch A/B Tests herausgefunden werden. Da ein A/B Test in aller Regel aus möglichst wenigen Variationen bestehen soll, hier ein paar Tipps, um die Wahl der Farben einzugrenzen.

Frauen und Männer

Statistisch gesehen, kann man Frauen mit den Farben Grau, Braun oder Orange gut verschrecken. Männer finden Braun und Orange ebenfalls nicht so toll, mögen aber eher Schwarz, Grün und Blau. Bei Frauen punktet man ebenfalls mit Grün und Blau und zusätzlich mit Lila.

farben_frauen_maenner
https://neilpatel.com/blog/how-colors-affect-conversions/

Unterschiede zwischen Kulturgruppen

Während die Farbe Grün in Japan mit „Leben“ in Verbindung gebracht wird, ist es in Südamerika „Tod“. Für Webmaster im deutschsprachigem Raum nicht wirklich wichtig, der Vollständigkeit halber soll es erwähnt werden.

farben kulturelle unterschiede

Kontraste

Dass Kontraste wichtig sind, sollte klar sein. Hier ein Beispiel:

farben_kontraste_bsp

Welche Farben für einen Kontrast in Frage kommen, hängt von der Farbe des Hintergrundes, dem Branding und allgemein dem Farbdesign der Webseite ab. Oftmals sind Farbkontraste „hässlich“:

http://www.webmasterpro.de/design/article/farblehre-die-7-farbkontraste.html
http://www.webmasterpro.de/design/article/farblehre-die-7-farbkontraste.html

Wer die richtigen Farbkontraste für seine Webseite sucht, dem empfehle ich Die 7 ittenschen Farbkontraste sowie das Tutorial: Farben im Webdesign.

Vor einem zeitintensiven A/B Test kann man verschiedene, mit Photoshop erstellte Variationen der Seite in Eyeqant untersuchen lassen, um die in Betracht kommenden Farben für den CTA einzuschränken.

Farben und Eigenschaften

Konsumenten im B2B Bereich haben oftmals Vorgaben, an die sie sich halten müssen, brauchen für eine Kaufentscheidung länger und erwarten einen anderen Art von Kundenservice als Konsumenten im B2C Bereich. Wer aggressiv mit der Farbe Rot im CTA arbeitet, kann im B2B schlechtere Konversionen erzielen als beispielsweise mit der Farbe Grün oder Blau. Eine Bank, die Kredite an Geschäftskunden verkaufen will, wird seltener Orange einsetzen, als ein SaaS Anbieter, der Start Ups mit einem Tool zur Social Media-Überwachung versorgt. Will eine Bank Bausparverträge an Privatkunden verkaufen, kann Orange durchaus eine gute Wahl sein, da sie mit Dynamik und Häuslichkeit in Verbindung gebracht wird.

Eigenschaften die mit einer Farbe assoziiert werden, sind oftmals entscheidend für das Geschäftsziel eines Unternehmens. Welche Farbe für welches Unternehmen die beste ist, kann, wie schon oben erwähnt, nur durch A/B Tests herausgefunden werden. Hier eine kurze Liste, welche Eigenschaften welchen Farben zugeordnet werden:

Aktivität ROT ORANGE GELB Ideales WEIß BLAU GOLD
Attraktivität ROT BLAU WEIß Klugheit WEIß BLAU SILBER
Dynamik ROT BLAU ORANGE Leistung BLAU GOLD ROT
Ehrlichkeit WEIß BLAU GRÜN Männlichkeit WEIß BLAU GOLD
Energie ROT ORANGE GELB Modernes WEIß SCHWARZ ROT
Funktionalität WEIß GRAU SCHWARZ Neues WEIß GELB BLAU
Gutes WEIß BLAU GOLD Originelles VIOLETT ORANGE SILBER
Hoffnung GRÜN BLAU WEIß Sachlichkeit WEIß GRAU BLAU
Schnelligkeit SILBER ROT GELB Sicherheit WEIß GRÜN BLAU
Sympathie GRÜN BLAU ROT Vertrauen WEIß GRÜN BLAU
Wahrheit GOLD BLAU WEIß Zuverlässigkeit GRÜN BRAUN BLAU

Es wird deutlich, das Blau, Rot und Grün überwiegen. Das ist kein Zufall, sondern liegt am Aufbau unserer Farbrezeptoren im Auge. Als Ergänzung eine weitere Übersicht der mit Farben verbundenen Emotionen:

farben_emotionen

Wer sich fragt, wieso die Farbe Schwarz sowohl mit „Furcht“ als auch mit „Erfahrenheit“ assoziiert wird, dem empfehle ich dieses umfassende PDF über Farbschattierungen:

Fazit

Neben der Position und der Beschriftung ist die Farbe eines Buttons massiv für die Klickraten verantwortlich. Bevor man sich an die Farbwahl macht, lohnt es sich, zuerst seine Zielgruppe genauer anzuschauen: Verkauft man an Frauen oder Männer, im B2C oder B2B, welche Käufertypen generieren den meisten Umsatz?

Das Farbspektrum der Webseite im Hinterkopf, geht man mit Wissen um die Eigenschaften von Farben und Farbkontrasten an die Auswahl zweier Farben für einen A/B Test. Wie man diesen mit Google Analytics und Java-Script in unter 15 Minuten einrichtet, verraten wir im nächsten Blogbeitrag.

Quellen:

http://blog.marketo.com/2012/06/true-colors-what-your-brand-colors-say-about-your-business.html

https://neilpatel.com/blog/how-colors-affect-conversions/

http://www.metacolor.de/index.html

Kommentare

Benutzerbild von Ullrich Bemmann

Ullrich Bemmann

Der Kontrast rot / grün ist nicht nur hässlich, sondern für Farbenblinde auch unsichtbar. Man sollte also auch die „Randgruppen“ im Auge behalten. Herr Zuckerberg wird mir da sicher zustimmen 😉

Sorry, selten soviel pseudowissenschaftlicheb Unsinn gelesen.

Hey Alex,

wer hat im Beitrag was von wissenschaftlich gesagt?

Kannst aber gerne Verbesserungsvorschläge bringen, auch wissenschaftliche.

Grüße


Hast du eine Frage oder Meinung zum Artikel? Schreib uns gerne etwas in die Kommentare.

Ihre E-Mail Adresse wird nicht veröffentlicht

Jetzt den SEO-Küche-Newsletter abonnieren

Ähnliche Beiträge

3 Menschen sitzen gemeinsam an einem Tisch, einer davon im Rollstuhl.

Warum „Normschön“ von gestern ist und wir heute Diversität im Marketing feiern

  • Sandra
  • von Sandra Poetzsch
  • 03.02.2025

Abb.1: Weil Repräsentation zählt! In einer Welt, die sich stetig wandelt und immer vernetzter wird, ist es längst an der Zeit, Diversität im Marketing nicht nur als Schlagwort, sondern als festen Bestandteil zu leben. Marken, die Diversität authentisch zeigen – sei es durch vielfältige Social-Media-Kampagnen, die Zusammenarbeit mit unterschiedlichsten Influencern […]

Person scrollt durch Bilderfeed auf Social Media App

Instagram – Neues Format! Quadratisch war gestern!

  • Sandra
  • von Sandra Poetzsch
  • 27.01.2025

Abb. 1: So sieht es nicht mehr aus. Instagram geht weg vom quadratischen grid. Rechteck ist das neue Quadrat Instagram schmeißt mal wieder alles um: Der Feed, bisher geprägt von quadratischen Kacheln, bekommt ein neues Gesicht. Ab sofort präsentiert sich das beliebte Format im Verhältnis 4:5 (1080 x 1350 Pixel). […]

junge Frau erhält Likes und Emoji-Reaktionen auf ihrem Handy und lacht glücklich

Social Listening: Der Schlüssel zu effektiver Markenkommunikation oder warum Sie aufhören sollten, Ihre Zielgruppe zu ghosten

  • Sandra
  • von Sandra Poetzsch
  • 20.01.2025

Aktives Zuhören ist nicht nur in zwischenmenschlichen Beziehungen das “A und O”, sondern auch in der Welt des Marketings. Gerade Produkte, Marken und Trends werden oft online von Usern besprochen. Hier kommt nun Social Listening ins Spiel – eine Methode, die weit über einfaches “Mithören” hinausgeht. Mit Social Listening können […]

ausblick auf 9 online marketing trends für 2025

Ausblick auf 9 Online-Marketing-Trends für 2025

  • luisa
  • von Luisa Losereit
  • 13.01.2025

Datenschutz, Nachhaltigkeit, ethische Aspekte und KI sind Themen, die aktuell und in Zukunft von Bedeutung sein werden. Ebenso im Online-Marketing, denn dies zeigt sich an den inspirierenden Marketing-Trends für 2025. Wir stellen Ihnen einige dieser Trends vor und geben Ihnen einen Einblick, was Sie in Ihre Marketing-Strategie und den Workflow […]

augmented reality

Augmented Reality in SEA und SEO

  • luisa
  • von Luisa Losereit
  • 13.01.2025

Ein Ausblick auf die Online-Marketing-Trends für 2025 hat gezeigt, dass Augmented Reality (AR) und Virtual Reality (VR) in Zukunft neue Dimensionen im Online-Shopping schaffen werden. Augmented Reality (AR) gilt als Game-Changer im Online-Marketing, da immersive Technologien immer mehr bestimmen, wie User online suchen und einkaufen. Während AR digitale Elemente in […]

Google News & Google Discover – So verbessern Sie Ihr Ranking!

Google News & Google Discover – So verbessern Sie Ihr Ranking!

  • Oliver Lindner / Gründer und Geschäftsführer
  • von Oliver Lindner
  • 27.12.2024

Publisher-Websites sind oft auf hohen Traffic angewiesen, um ihre Reichweite und Sichtbarkeit zu steigern. Google News und Google Discover können Ihnen dabei helfen, um diese Ziele zu erreichen. . Wir erläutern Ihnen, wie Sie Ihre Inhalte für diese Plattformen optimieren und wie Sie dadurch die SEO-Strategie und das Ranking verbessern. […]