neue website starten

16-Schritte-Fahrplan für € 0,-

Website Checkliste – So gelingt deine Website

Bist du unsicher, wie du deine Website richtig startest? Mit meiner kostenfreien Website Checkliste (PDF für 0 €) erhältst du klare Schritte und Empfehlungen, damit du nichts übersiehst und teure Fehler vermeidest.

So findest du passende Farben für dein Website Farbkonzept

Tutorials, Website Planung

Birgit Hotz, WordPress Websites | Trainings, Konzept und Umsetzung

Hol dir den 0€ WordPress Starterkurs und lerne, wie du, als Einsteiger, deine Website einrichtest, wie ein Profi.

Einige der ersten Fragen die beim Planen einer neuen Website auftauchen sind: wie finde ich passende Farben für meine Homepage? Welche Farbkombination passt gut zusammen? Wie erstelle ich ein Farbkonzept für meine Website? Gibt es ein Tool, das mir hilft, Farben für meine Website zu finden und zu kombinieren?

Farben können sehr viel bewirken, sie können deinen Internetauftritt positiv unterstützen oder Besucher vertreiben. Sie können einen positiven, hochwertigen, vertrauensvollen oder einen negativen, billigen, zweifelhaften Eindruck hinterlassen. Da Farben eines der ersten Dinge sind, die wahrgenommen werden, spielen sie eine zentrale Rolle beim ersten Eindruck deiner Website.

Grundlegendes zum Thema Farben im Internet:

  • Grundsätzlich kann man sagen, dass Websites mit weniger Farben seriöser wirken, als mit vielen verschiedene Farben.
  • Die meisten Websites verwenden 2-3 Farben.
  • Wähle Farben die zu dem passen, was du vermitteln willst und miteinander harmonieren.

Farben sagen viel über dein Unternehmen aus. Betrachte den Auftritt von Billiganbietern und den von Banken und Versicherungen. Kannst du Unterschiede erkennen?
Trittst du überall mit einem einheitlichen Farbschema auf, sorgst du für Wiedererkennung. Du bleibst in den Köpfen deiner Interessenten und hilfst, Vertrauen aufzubauen.

Wonach richtet sich die Farbauswahl auf deiner Website?  

Oft wird diese Entscheidung aus den Bauch heraus getroffen. Das ist auch grundsätzlich nicht falsch.
Jedoch solltest du dabei 2 Dinge beachten:

  • orientiere dich an deiner Zielgruppe
  • entscheide dich für 1 Hauptfarbe (maximal 2 Farben)

Wenn du mehr Farben verwendest, überfordert das deine Website Besucher total. Sie wissen gar nicht wo sie zuerst hinschauen sollen, wenn überall etwas leuchtet.
Wenn du ständig verschiedene Farben einsetzt, hat es auch den Nachteil, dass du es gar nicht mehr schaffst, deine wichtigen Bereiche besonders hervorzuheben.

Wonach sollst du die Farben auswählen?

  • Hast du schon ein Logo, das die Farben vorgibt? Welche ist die Hauptfarbe? Sie ist deine Ausgangsbasis.
  • Überlege dir, was du transportieren möchtest, bzw. welche Wirkung du bei deinen Besuchern erzeugen möchtest.
    Welche Farben passen zu dir und deiner Zielgruppe?
  • Welches Thema hat deine Website? Welche Farben werden damit verbunden?
  • Du kannst dich an einem Foto orientieren (das zu deinem Thema passt oder das Headerbild deiner Startseite) und entnimmst daraus deine Farben.

Kostenfreie Website Checkliste

Mit dem PDF - Fahrplan kommst du schnell und gut zur eigenen Website. Du bekommst meine besten Tool Tipps und behältst den Überblick über alle wichtigen Schritte der Website-Erstellung. 

On Top bekommst du meine Website Tipps, für Anfänger und leicht Fortgeschrittene, direkt in dein E-Mail-Postfach.  Du kannst dich jederzeit vom Newsletter wieder abmelden. Infos zum Datenschutz findest du hier.

Wie kannst du vorgehen, um ein eigenes Farbkonzept für deine Website zu erstellen?

Folgende Fragen solltest du dir stellen, bevor du Farben für deine Website auswählst:

  • Wie viele Farben brauche ich?
  • Welche soll meine Hauptfarbe sein?
  • Welche Farbe verwende ich für Hervorhebungen?
  • Brauche ich noch noch weitere Farbtöne oder Farbabstufungen?

Erstelle eine Farbpalette aus miteinander harmonierenden Farben für folgende Bereiche deiner Website:

  • eine Hintergrundfarbe
    (da sie den größten Raum einnimmt, wird hier in der Regel eine dezente Farbe gewählt)
  • eine Textfarbe
    (wähle eine Farbe, die auf deinem Hintergrund gut lesbar ist)
  • eine Basisfarbe / Hauptfarbe
    (setzt einen Kontrast zur Hintergrundfarbe und ist das Bindeglied zwischen dezentem Hintergrund und auffälliger Akzentfarbe)
  • eine Akzentfarbe
    (setzt Highlights, fällt auf. Sie wird für etwas eingesetzt, das du hervorheben möchtest. Sie wird am wenigsten oft verwendet, damit ihre Wirkung nicht verloren geht. Kann verwendet werden für Überschrift, Link, Navigation, Button, Trennlinie) Eventuell werden noch weitere Farbtöne oder Farbabstufungen gebraucht. Diese können später noch ergänzt werden, falls nötig.

Folgende Tools helfen dir beim Finden von passenden Farbkombinationen

Wenn du noch gar keinen Plan hast, hol dir erstmal Inspiration von anderen Webseiten. Welche Farben werden in deiner Branche eingesetzt? Welche Farben wären für dich passend? Sieh dir Webseiten deiner Mitbewerber an – im In- und Ausland. Schau auch gerne mal über den großen Teich.

Gute Inspirationsquellen sind auch die Internetseiten https://webdesign-showcases.com/ und Pinterest.

Wie du Farben von anderen Webseiten herausfinden kannst, zeige ich dir in diesem Video:
https://www.youtube.com/watch?v=xyoa6PXxs3k

 

Stimmige Farbkombinationen für deine Webseite findest du mit Hilfe folgender Tools: 

http://paletton.com/
dieses Tool hat eine praktische Vorschau, wie die Farben auf einer Website wirken können

https://color.adobe.com/de/
hier kannst du dir auch Farben anhand eines Fotos anzeigen lassen

Wie diese Tools funktionieren, zeige ich dir in diesem Video:

Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

Mehr Informationen

Wie hast du deine Farben gefunden? Hinterlasse mir gerne ein Kommentar!

Kostenfreie Website Checkliste

Mit dem PDF - Fahrplan kommst du schnell und gut zur eigenen Website. Du bekommst meine besten Tool Tipps und behältst den Überblick über alle wichtigen Schritte der Website-Erstellung. 

On Top bekommst du meine Website Tipps, für Anfänger und leicht Fortgeschrittene, direkt in dein E-Mail-Postfach.  Du kannst dich jederzeit vom Newsletter wieder abmelden. Infos zum Datenschutz findest du hier.

Teile diese Seite mit einem Klick auf:

Kostenfreie Website Checkliste

Mit dem PDF - Fahrplan kommst du schnell und gut zur eigenen Website. Du bekommst meine besten Tool Tipps und behältst den Überblick über alle wichtigen Schritte der Website-Erstellung. 

On Top bekommst du meine Website Tipps, für Anfänger und leicht Fortgeschrittene, direkt in dein E-Mail-Postfach.  Du kannst dich jederzeit vom Newsletter wieder abmelden. Infos zum Datenschutz findest du hier.

WordPress Webdesigner Divi Theme

Birgit Hotz ist WordPress Webdesignerin und Website Strategin mit 9+ Jahren Erfahrung. Sie unterstützt Selbstständige dabei, eine Website aufzubauen, die nicht nur gut aussieht, sondern auch 24/7 für sie verkauft.

Birgit teilt ihr Wissen hier auf dem Blog zu den Themen WordPress, Divi Theme und strategische Website Planung, sowie in ihren Website Strategie- und WordPress Kursen online mit insgesamt bereits 2000+ Teilnehmenden.

Wenn du nicht Typ DIY bist, kannst du dir von ihr auch eine Website erstellen lassen oder ihren Divi Theme- und WordPress Support nutzen.

Erfahre mehr über Birgit, vernetze dich mit ihr auf LinkedIn, Facebook oder abonniere ihren Youtube Kanal für Tipps rund um WordPress und Websites.

2 Kommentare

  1. Ein toller Artikel, der viele Informationen bietet. Danke dafür. Ich nehme mir einige Wertvolle Tipps mit.

    Lg Alisa

    Reply
    • Vielen Dank für dein Feedback, Alina! Das freut mich!

      Reply

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert