#97 - Die größten Farbfehler auf Websites von Solo-Selbstständigen

00:00:03: Hallo und herzlich willkommen zu Webseiten Magie, dem Podcast, der deine Website

00:00:09: zur besten Mitarbeiterin macht.

00:00:11: Hier erfährst du, wie du als Soloselbstständiger deine Website in

00:00:14: eine echte Kundenmaschine verwandelst.

00:00:16: Du bekommst nicht nur praktische Tipps und Tricks, sondern auch spannende Einblicke

00:00:20: hinter die Kulissen einer Web- und Marketingexpertin.

00:00:23: Bist du bereit, in die magische Welt der Webseiten einzutauchen?

00:00:26: Dann lass uns loslegen!

00:00:28: Hier kommt deine Gastgeberin Angelika Stempfle.

00:00:38: Auch von meiner Seite ein herzliches Hallo zu einer brandneuen Episode

00:00:41: von Webseiten Magie.

00:00:43: Heute wird's bunt, wir tauchen ein in eine bunte Welt,

00:00:48: und zwar bei vielen Webseiten Wenn du sie anschaust, hast du auch ab und

00:00:55: zu manchmal noch das Gefühl, es fühlt sich falsch an.

00:01:00: Das liegt nicht immer daran, dass Bilder nicht passen, sondern das liegt auch nicht

00:01:05: an der Technik und am Text, sondern es kann auch an der Farbwelt

00:01:10: liegen, also an den Farben.

00:01:12: Farben sind wie ein unsichtbarer Zaubertrick auf deiner Webseite.

00:01:17: Auch die entscheiden in Sekunden, ob jemand denkt, hier bin ich richtig,

00:01:22: oder ob jemand innerlich schon wieder auf dem Absprung ist.

00:01:26: Und sowas passiert ganz unbewusst, da wird nix rational abgewogen oder

00:01:31: analysiert, das ist ein Bauchgefühl.

00:01:35: Und deine Farben sind der Feenstaub, der genau dieses Gefühl auslöst.

00:01:40: Oder eben nicht.

00:01:42: Wenn deine Farbwelt nicht zu deiner Zielgruppe passt, dann wirkt deine

00:01:45: Webseite wie ein schön dekorierter Raum, in dem sich niemand wirklich wohlfühlt.

00:01:50: Und genau darum geht's heute.

00:01:53: Wie du deine Farben so wählst, dass sie Vertrauen aufbauen und deine Webseite

00:01:58: zu einem echten Kundenmagneten machen.

00:02:03: Viele wählen ihre Farben nach dem Motto: Gefällt mir halt.

00:02:08: Und jetzt kommt der Haken: Deine Webseite ist ja kein Wohnzimmer.

00:02:13: Du richtest sie ja nicht für dich ein.

00:02:15: Nicht du sollst dich wohlfühlen, sondern für die Menschen,

00:02:18: die bei dir kaufen sollen.

00:02:21: In dieser Folge zeige ich dir, was Farben wirklich bewirken,

00:02:25: welche typischen Fehler ich immer wieder sehe

00:02:28: und wie du deine Farbwelt entwickelst, und zwar die nicht nur hübsch ist,

00:02:33: sondern auch für dich arbeitet.

00:02:37: Warum sind Farben mehr als Deko?

00:02:41: Farben sind wie der erste Eindruck bei einem Date.

00:02:44: Bevor irgendein Wort gesprochen wird, ist schon klar, Sympathie?

00:02:48: Oder eher: Ich weiß nicht so.

00:02:52: Genauso ist es auf deiner Webseite.

00:02:54: Bevor jemand deinen Text liest, hat dein Gehirn schon entschieden:

00:02:58: Fühlt sich gut an oder ich bin wieder weg.

00:03:01: Farben transportieren auch Emotionen, Vertrauen und deine Positionierung.

00:03:07: Blau zum Beispiel wirkt ruhig und seriös.

00:03:10: Rot wirkt aktiv und oft auch drängend.

00:03:14: Grün wird mit Natürlichkeit, Natur oder Wachstum verbunden.

00:03:19: Das ist kein Zufall, da steckt Psychologie dahinter.

00:03:23: Und genau deshalb ist deine Farbenwelt einfach nicht nur Geschmackssache,

00:03:29: sie ist ein strategisches Werkzeug.

00:03:32: Der größte Denkfehler bei der Farbwahl, also der häufigste Fehler, den ich sehe:

00:03:38: Ich nehme einfach mal meine Lieblingsfarbe.

00:03:41: Klingt ja auch irgendwie logisch.

00:03:44: Aber das ist in den meisten Fällen komplett daneben.

00:03:48: Denn deine Webseite ist ja nicht nur für dich, sondern sie ist

00:03:51: für deine Zielgruppe.

00:03:53: Und genau hier wird's spannend.

00:03:55: Wenn du zum Beispiel eine eher sachliche, sicherheitsorientierte Zielgruppe hast und

00:04:00: deine Webseite aussieht wie ein Kindergeburtstag mit Konfetti,

00:04:04: dann passt das einfach nicht zusammen.

00:04:06: Das ist wie ein Bankberater in Flip-Flops.

00:04:09: Kann fachlich top sein, aber das Vertrauen ist erst mal, sagen wir, ausbaufähig.

00:04:16: Deine Farbwelt muss zu deiner Zielgruppe passen.

00:04:19: Und zwar auch zu ihren Erwartungen.

00:04:22: Zu ihrem Gefühl von „hier bin ich richtig".

00:04:24: Wenn das nicht zusammenpasst, verlierst du Vertrauen, bevor du überhaupt

00:04:28: eine Chance hattest.

00:04:31: Typische Farbfehler auf der Webseite.

00:04:36: Jetzt wird's spannend, denn hier trennt sich wirklich die ganz

00:04:40: nett gemachte Webseite von einer, die funktioniert.

00:04:44: Fehler Nummer 1: Zu viele Farben ohne eine klare Rolle.

00:04:49: Was ich ganz oft sehe: 5, 6, 7 Farben, die alle irgendwie gleich wichtig wirken.

00:04:56: Alles ist bunt, alles will Aufmerksamkeit, und genau da liegt das Problem.

00:05:01: Dein Gehirn oder das Gehirn deiner Besucher braucht Orientierung.

00:05:05: Es will wissen: Was ist wichtig?

00:05:08: Wo soll ich hinschauen?

00:05:09: Was soll ich als Nächstes tun?

00:05:12: Und wenn alles gleich aussieht, dann ist eben nichts mehr wichtig.

00:05:16: Das ist wie ein Raum, in dem alles gleichzeitig blinkt.

00:05:20: Irgendwann machst du einfach total genervt die Türe zu.

00:05:24: Auch ein Mini-Fazit: Auch Farben brauchen Hierarchie, sonst

00:05:29: entsteht Chaos im Kopf deiner Besucher.

00:05:32: Fehler Nummer 2: Es ist kein durchdachtes Farbsystem.

00:05:37: Viele Websites wirken auf den ersten Blick okay.

00:05:40: Aber wenn du genauer hinschaust, dann merkst du: Da ist kein System dahinter.

00:05:44: Die Startseite hat eine andere Farbwirkung als die Angebotsseite.

00:05:48: Buttons sehen überall anders aus und mal ist was hervorgehoben, mal nicht.

00:05:53: Das Problem ist hier nicht die einzelne Farbe, sondern die

00:05:56: fehlende Logik dahinter.

00:05:58: Gehirn liebt Muster, Gehirn liebt Wiederholungen und Gehirn liebt Klarheit.

00:06:04: Wenn diese Struktur fehlt, dann muss dein Besucher jedes Mal neu überlegen:

00:06:09: Was bedeutet das jetzt?

00:06:11: Was genau kostet Energie?

00:06:14: Und ohne klares Farbsystem wird deine Webseite

00:06:18: anstrengend, auch wenn sie schön ist.

00:06:23: Fehler Nummer 3: Ein schlechter Kontrast, und zwar hat das echte Folgen.

00:06:28: Und das ist nicht nur ein Designproblem, also schlechter Kontrast ist

00:06:32: ein echtes Businessproblem.

00:06:35: Hellgraue Schrift auf weißem Hintergrund mag clean ausschauen, aber ganz

00:06:40: ehrlich, das liest keiner gern.

00:06:43: Kennst du das vielleicht?

00:06:44: Ich ärgere mich da immer wieder, wenn man im Kaufhaus ist.

00:06:48: Du bist beim Lebensmittelgroßhändler und schaust Nimmst ein Produkt aus dem Regal:

00:06:53: gelber Hintergrund, weiße Schrift und dann noch so klein gedruckt, dass

00:06:57: man es nicht lesen kann. Das ist der absolute Horror!

00:07:00: Und genauso ist es auf deiner Webseite.

00:07:03: Wenn der Kontrast nicht passt, das liest keiner.

00:07:06: Und schon gar nicht jemand, der schnell verstehen will, ob er bei dir richtig ist.

00:07:11: Was passiert also?

00:07:13: Dein Besucher überfliegt, verpasst und hat keinen Bezug mehr zu

00:07:19: irgendwelchen wichtigen Inhalten.

00:07:21: Er trifft seine Entscheidung ganz schnell, und zwar viel schneller als dir

00:07:24: lieb ist, denn dann ist er weg.

00:07:28: Wie gesagt, wenn jemand anfangen muss zu zoomen, damit er was

00:07:30: lesen kann, vergiss es.

00:07:32: Und jetzt kommt da noch ein Punkt dazu, der auch wichtig ist, und

00:07:36: zwar Barrierefreiheit.

00:07:38: Wenn dein Kontrast zu schwach ist, dann schließt es automatisch

00:07:42: diverse Menschen aus.

00:07:43: Also gute Lesbarkeit ist kein Nice-to-have, sie ist eine

00:07:47: Voraussetzung für Vertrauen.

00:07:50: Fehler Nummer 4: Farben ohne Funktion und Strategie.

00:07:56: Das ist jetzt ein sehr großer Hebel.

00:07:59: Farben haben auf deiner Webseite eine Aufgabe, zumindest sollten sie das haben.

00:08:05: Zum Beispiel: Eine bestimmte Farbe steht für Buttons, eine andere für wichtige

00:08:10: Hinweise und eine andere für Struktur.

00:08:15: Das musst du bewusst steuern, sonst passiert Folgendes:

00:08:19: Dein Besucher sieht einen Button, erkennt ihn aber nicht als Button.

00:08:22: Oder noch schlimmer: Alles sieht aus wie ein Klick.

00:08:25: Mal hier.

00:08:27: Das Ergebnis ist Unsicherheit, Zögern und ganz sicher kein Klick.

00:08:32: Und genau da verlierst du Anfragen.

00:08:35: Deine Website führt nicht mehr, sie verwirrt.

00:08:39: Also Farben müssen führen und nicht dekorieren.

00:08:43: Klar, bissl natürlich schon, aber in erster Linie muss dein Besucher

00:08:47: wissen, was er zu tun hat.

00:08:50: Und wenn du das jetzt alles zusammennimmst, dann wird klar:

00:08:54: Die meisten Farbprobleme sind keine Designprobleme, sie sind Strukturprobleme.

00:09:00: Und da setzen wir jetzt an.

00:09:03: Wie findest du also deine passende Farbwelt?

00:09:07: Also die gute Nachricht gleich zum Anfang: Du brauchst keinen Designabschluss,

00:09:11: um das gut hinzubekommen.

00:09:13: Du brauchst einfach einmal Klarheit.

00:09:15: Schritt 1: Verstehe deine Zielgruppe!

00:09:18: Was erwartet sie visuell?

00:09:20: Was gibt ihr Sicherheit?

00:09:21: Der Schritt 2 wäre: Kläre deine Positionierung!

00:09:26: Bist du eher Premium und elegant oder nahbar und locker?

00:09:31: Der Schritt 3: Bau dir eine klare Farbpalette auf!

00:09:35: Eine Hauptfarbe, 2 bis 3 unterstützende Farben und eine Akzentfarbe

00:09:41: für wichtige Elemente.

00:09:45: Ich persönlich gebe dir jetzt meinen magischen Feen-Tipp: Wenn ich eine

00:09:49: Webseite erstelle, arbeite ich im Schnitt mit 4 Farben.

00:09:55: Die meisten meiner Webseiten haben einen weißen Hintergrund, aus dem ganz einfachen

00:10:01: Grund, dass auf Weiß jedes Bild passt und man nicht aufpassen muss,

00:10:07: welche Bilder man wählt.

00:10:08: Jetzt unabhängig davon, wie Bilder sein sollen.

00:10:12: Ich verwende immer die die zwei Logofarben, weil ein Logo soll

00:10:17: maximal zwei Farben haben.

00:10:19: Ich verwende eine Farbe für die Call to Action, ich verwende eine Farbe für den

00:10:24: Fließtext, das ist meistens grau, dunkelbraun, dunkelblau, je nachdem

00:10:31: wie es am besten in die Farbwelt passt.

00:10:34: Damit kommt man im Normalfall aus.

00:10:37: Ich achte auch oft darauf, dass der Call to Action z.

00:10:40: B.

00:10:41: eine Komplementärfarbe ist oder sich abhebt, wenn die anderen Farben, wie z.

00:10:45: B.

00:10:45: bei Bei mir auf der Webseite, meine Logofarben sind Rot und Pink, und

00:10:50: der Call to Action schaue ich, dass sich der abhebt.

00:10:53: In meinem Fall ist es ein Türkis, einfach damit der auffällt.

00:10:59: Schritt 4: Setze das Ganze konsequent um.

00:11:02: Also die Farben sind wie ein roter Faden durch die ganze Webseite.

00:11:07: Man könnte auch sagen, das ist der Feenstaub, der alles miteinander

00:11:10: verbindet, und wenn der fehlt, dann wirkt alles irgendwie unfähig.

00:11:17: Fassen wir noch einmal zusammen: Farben sind kein Nice-to-have.

00:11:21: Sie sind ein Teil deiner Strategie.

00:11:24: Und wenn deine Farbwelt passt, dann wirkt deine Webseite stimmig,

00:11:27: klar und professionell.

00:11:28: Wenn nicht, dann verlierst du Vertrauen bevor überhaupt jemand

00:11:32: versteht, was du anbietest.

00:11:34: Und ganz ehrlich, das wäre doch wirklich, wirklich schade.

00:11:38: Deshalb schau dir deine Webseite mal mit ganzem ehrlichem Blick an.

00:11:42: Passt deine Farbwelt wirklich zu deiner Zielgruppe?

00:11:45: Oder hast du eher nach Bauchgefühl entschieden oder was

00:11:47: dir persönlich gefällt?

00:11:50: Wenn du dir jetzt unsicher bist, wie gut deine Webseite wirklich funktioniert und

00:11:54: ob deine Farbwelt das unterstützt oder ob sie eher blockiert, dann lass

00:11:59: uns gerne gemeinsam draufschauen.

00:12:02: Ich biete dir einen kostenlosen Website-Check an, bei dem wir genau solche

00:12:05: Punkte aufdecken und dir direkt Klarheit bringen.

00:12:09: Die Infos dazu findest du wie immer in den Shownotes.

00:12:12: Bis zur nächsten Folge, bleib zauberhaft und voller Datendrang, deine Angelika.

00:12:18: Das war's auch schon wieder mit dieser Folge von Webseiten Magie.

00:12:25: Vielen Dank, dass du mit dabei warst.

00:12:28: Weitere Informationen zu Angelika und ihrer Arbeit findest du unter www.

00:12:31: die-marketingfee. at.

00:12:35: Und jetzt stellt sich die Frage: Wie ist es bei dir?

00:12:38: Hast du bereits eine Website, die du vielleicht sogar selbst erstellt hast?

00:12:41: Oder du hast sie vor einiger Zeit erstellen lassen, aber es kommen

00:12:44: keinerlei Anfragen über sie?

00:12:46: Und generell: Irgendwie bist du mit deiner Website schon länger nicht

00:12:49: mehr glücklich und zufrieden.

00:12:51: Wenn es dir so geht, dann sichere dir jetzt ein kostenloses

00:12:54: Erstgespräch mit Angelika.

00:12:56: Sie schaut sich mit dir deine aktuelle Situation an, bespricht deine Ziele und

00:12:59: und ihr findet gemeinsam heraus, was die nächsten Schritte sind.

00:13:03: Egal, ob du dich gerade mit Ladezeiten herumschlägst oder deine Website

00:13:06: optimieren willst, setzt euch zusammen und klärt, wie

00:13:09: sie dir am besten weiterhelfen kann.

00:13:12: Den Link zur Terminbuchung findest du in den Shownotes.

00:13:14: Danke, dass du uns heute dein Ohr geliehen hast, und denk immer dran: Mach deine

00:13:18: Website zu deiner besten Mitarbeiterin!