Wie du deine Coach- und Berater-Website mithilfe der Navigation optimal strukturierst
Stell dir vor, du bist in einer fremden Stadt. Du hast einen Termin mit einem Kunden. Bis dahin bleibt dir nur noch wenig Zeit. Was du jetzt wirklich nicht gebrauchen kannst, ist dich zu verlaufen. Alles, was du möchtest, ist schnell und direkt an dein Ziel zu kommen.
Deinen Besuchern und Besucherinnen auf deiner Website ergeht es ebenso. Sie haben ein Thema im Kopf und wünschen sich eine Antwort, und zwar schnell – möglichst ohne in Unterverzeichnissen herumzusuchen oder Texte zu lesen, die ihnen nicht weiterhelfen.
Weshalb solltest du dich mit der Navigation beschäftigen?
Mit einer klug gestalteten Navigation hilfst du deinen Besucher*innen. Und das ist zugleich vorteilhaft für dich.
Was „klar“ und „übersichtlich“ bedeutet, hängt von der Perspektive deiner Besucher*innen ab. Welche Themen sind aus ihrer Sicht wichtig? Was müssen sie wissen? Indem du deine Inhalte entlang der Bedürfnisse deiner Besucher*innen anordnest, zeigst du ihnen, dass du um ihre Fragen weißt. Und dass es dir ein Anliegen ist, sie nutzerfreundlich, schnell und komfortabel zu beantworten. Die Vertrauenswürdigkeit deiner Website steigt und deine Besucher*innen halten sich gerne auf deiner Website auf. Die steigende Besuchsdauer ist wichtig, denn:
Sichtbarkeit Eine hohe Besuchsdauer ist für Google ein Signal, dass deine Website wichtige Inhalte bereitstellt. Das Ranking deiner Website verbessert sich und damit deine Sichtbarkeit.
Conversion Rate Du möchtest, dass deine Besucher*innen deinen Newsletter abonnieren oder Kontakt zu dir aufnehmen? Je wohler sie sich auf deiner Seite fühlen und je länger sie bleiben, desto höher ist die Wahrscheinlichkeit.
Was alles gehört zur Website-Navigation?
Die Navigation umfasst die Gesamtzahl aller Links, Menüs und anderer Elemente, die deinen Besucher*innen helfen, sich auf deiner Seite zu orientieren und die gewünschten Informationen zu finden.
Die Schatzkiste: 9 wichtige Navigations-Varianten
Auf Coach- und Berater-Websites triffst du in der Regel auf diese Navigations-Typen:
Horizontale Navigation
Die Navigation ist quer angeordnet und steht in der Regel am oberen Rand der Website.
Beispiel: horizontales Menü
Vertikale Navigation
Wie der Name sagt, ist diese Navigation in Längsrichtung angeordnet und steht meist am linken Rand der Website.
Drop-down-Navigation
Ein Dropdown-Menü klappt auf, wenn die Benutzer*innen mit der Maus über das Hauptmenü fahren oder klicken.
Beispiel: Drop-down-Menü
Suchfeld
In ein Suchfeld tippen deine Besucher*innen Suchbegriffe ein und können so nach bestimmten Inhalten auf deiner Website suchen.
Footer-Navigation
Die Footer-Navigation ist am unteren Rand deiner Website platziert.
Das Besondere hier: Der Footer wird in der Regel auf jeder Seite deiner Website eingeblendet. Deshalb stehen hier oft die Links zu den rechtlich notwendigen Seite wie Impressum oder Datenschutz, wie hier im Beispiel.
Den Footer kannst du zusätzlich nutzen, um weiterführende Inhalte anzubieten. Denn die Besucher*innen, die deine Seite bis zum Fuß lesen, sind engagierter als andere.
Im Beispiel siehst du eine Verlinkung innerhalb der sogenannten „Widgets“.
Beispiel: Links im Footer
Interne Links
Links, die in einen Fließtext eingebettet sind, erlauben es deinen Besucher*innen, inhaltlich passende, weiterführende Seiten anzusteuern (3).
Beispiel: interne Links
Tag Cloud
Eine Tag-Cloud oder Schlagwortwolke siehst du häufig auf Blogs oder in Magazinen. Die Wolken zeigen den Besucher*innen, zu welchen Inhalten der Blog oder das Magazin Inhalte zur Verfügung stellt (3).
Beispiel: Tag Cloud
Navigation auf einer Seite
Du hast eine umfangreiche Seite oder einen ausführlichen Artikel angelegt? Deine Besucher*innen müssen lange scrollen, bis sie an das Ende kommen? Mit sogenannten „Sprungmarken“ ermöglichst du es deinen Besucher*innen, auf der Seite zu springen und sich das herauszupicken, was sie interessiert (3). Das Inhaltsverzeichnis am Beginn eines Artikels ist ein verbreitetes Beispiel.
Hamburger Menü
Das Hamburger Menü spielt auf einen Burger an und meint das einfache, dreizeilige Symbol, du hauptsächlich in der mobilen Navigation findest. Es wird häufig dann eingesetzt, wenn der Platz begrenzt ist und das Design nicht beeinträchtigt werden soll (4).
Beispiel: Hamburger Menü
Die Navigations-Varianten können einzeln oder im Verbund eingesetzt werden. Es gibt noch mehr Varianten, als ich sie hier in einem Übersichtsartikel vorstellen möchte. Die Navigation ist nicht nur ein wichtiges, strukturgebendes Element. Sie kann zugleich ein Mittel der Gestaltung sein.
Wie möchtest du die Inhalte deiner (künftigen) Website anordnen? Beginne damit, die Inhalte zu strukturieren. Auf einer Coach- oder Berater-Website bieten sich mehrere Möglichkeiten an:
Ordnung nach Formaten wie Coaching, Training, Beratung, Mediation oder Moderation.
Nach Aufgabenfeldern oder Kunden-Problemen wie „Neu in der Führungsrolle“ oder „Konflikte im Team“.
Nach Kundengruppen wie Firmenkunden und Selbstzahler.
Tipps für die Anordnung deiner Inhalte
Die Anordnung nach den Formaten wie Training, Beratung, Coaching ist weitverbreitet. Ich sehe allerdings vier Probleme:
Es entstehen viele Seiten. Je nach Erfahrung und Dauer der Selbstständigkeit kann die Liste der Seite sehr umfangreich sein: Training, Beratung, Coaching, Mediation, Moderation, Großgruppenformate und anderes mehr.
Auf allen Seiten steht fast derselbe Text. Das habe ich schon X-fach erlebt: Berater und Coachs bieten Führungskräfteentwicklung, Kommunikation, Teamentwicklung und Konfliktmanagement an – und das in unterschiedlichen Formaten wie Beratung, Coaching oder Training.
Du ahnst, worauf das hinausläuft. Wenn du deine Website nach Formaten anordnest, bleiben dir für die Angebotsseiten zwei Möglichkeiten: Du schreibst darüber, welche Aufgaben und Probleme zu löst – dann schreibst du drei- oder viermal dasselbe. Oder du erklärst die Formate Coaching, Training und Beratung. Abhängig von den Zielkunden ist das jedoch ausgesprochen uninteressant.
Kunden müssen die Diagnose selbst stellen. Kunden buchen dich, weil sie Probleme sehen oder sich Verbesserungen wünschen. Ob Training, Beratung oder Coaching das Richtige für sie ist, wissen sie oft nicht. Die Anordnung der Inhalte nach Formaten hilft oft nicht.
Die Wirklichkeit ist ohnehin eine andere. Nach meiner Beobachtung werden Kunden für eine Aufgabe in die Unternehmen gerufen. Dort packen sie ihren Werkzeugkoffer aus und stellen für ihre Kunden ein Set zusammen, das Elemente aus allen Formaten enthält.
Tools die deine Planung unterstützen
Aus diesen Gründen bin ich kein Fan der Struktur nach Formaten. Doch es kommt auf den Einzelfall an. Am besten probierst du aus, was für dich am besten funktioniert. Bei deiner Planung hilft dir ein schlichtes Whiteboard. Doch wie überall gibt es auch hier Tools:
Miro Miro ist bei Coachs und Beratern ohnehin recht verbreitet.
Gloo Maps Empfinde ich als übersichtlicher, ist jedoch ein weiteres Tool.
2. Begrenze die Zahl der Optionen im Hauptmenü
Das Kurzzeitgedächtnis stößt schnell an seine Grenzen. Nach dem amerikanischen Psychologen George Armitage Miller kann das Gehirn nur etwa sechs bis sieben Einheiten gleichzeitig erfassen. Sieben Einheiten sind deshalb als „Millersche Zahl“ bekannt.
Von der kurzen Aufmerksamkeitsspanne der Besucher*innen in Netz hast du bestimmt schon gehört. Deshalb solltest du es ihnen nicht zu schwer machen und die Zahl der Optionen begrenzen (1). Sechs Optionen gelten als empfehlenswerte Obergrenze, mehr als acht sollten es nicht sein.
3. Beachte die Drei-Klick-Regel
Mit jedem Klick verlierst du Besucher. Deshalb sollten deine Besucher*innen mit spätestens drei Klicks an ihrem Ziel sein (1). Zwei Klicks sind noch besser. Für deine Struktur bedeutet das, dass du mit höchstens drei Hierarchieebenen auskommen solltest.
4. Vertraue auf etablierte Standards
Bedenke noch einmal das Eingangsbeispiel mit einem Besuch in einer fremden Stadt. Kreative Verkehrsleitpläne machen Besucher*innen das Leben schwer (2). Auch in Hinblick auf Navigation tust du dir mit Abweichungen vom Standard keinen Gefallen. Klar, vertraut und einfach heißt hier die Devise.
5. Verwende die Sprache deiner Besucher*innen
Verwende in deiner Navigation verständliche und möglichst kurze Begriffe (2).
6. Arbeite mit einheitlichen Kategorien
Bleibe bei der Namensgebung in einer Kategorie. Das bedeutet: Wenn du die Struktur deiner Website entlang der Aufgaben bei deinen Kunden aufbaust, ist es irritierend, wenn du plötzlich auf Formate wechselst.
Design-Profis interessieren sich außerdem für Dinge wie eine lesefreundliche Beschriftung oder die Anpassung an die mobile Ansicht (Responsive Design). Doch ich gehe davon aus, dass du entweder mit einem solchen Profi zusammenarbeitest oder auf ein fertiges Design zurückgreifst. Deine wichtigste Aufgabe ist es, eine sinnvolle Struktur herzustellen.
Beispiele, Probleme und Lösungen
Dies sind Original-Beispiele, die ich aus dem Netz gefischt habe. Du siehst sie hier in vereinheitlichter Darstellung, damit sie nicht zurückverfolgt werden können:
Unverständlich
In dieser Navigation mischen sich Aufgaben und Leistungen (Kommunikation, XYZ-Management) mit einer Maßnahme (Fortbildung). Zudem ist „Kommunikation“ ein schwieriger Begriff, denn Kommunikation ist alles – von der nonverbalen Kommunikation bis zum Konflikt. Unterschiedliche Berufsgruppen verstehen Unterschiedliches darunter. Man müsste den Begriff zumindest einordnen. Die Navigation bleibt insgesamt unverständlich.
Umfangreich
Zehn Optionen sind zu viel, um sie zu überblicken. Zudem mischen sich auch hier unterschiedliche Kategorien. Die Navigation ist zu umfangreich und zugleich unverständlich.
Einfach und übersichtlich
Glücklich ist, wer seine Leistungen derart knapp und klar auf den Punkt zu bringen versteht. Toll!
Musterhaft
Diese Navigation entspricht dem Standard, und das ist auch gut so. Einfach, verständlich, vertraut – so kann man das machen. Wenn ich ein kleines bisschen herumnörgeln darf: Das Impressum und den Datenschutz würde ich in den Footer stellen.
Irritierend
Die Profil- oder Über-mich-Seite steht an der zweiten Stelle. Ungewöhnlich. Wirklich irritierende finde ich „Beratungsprozess“ und „Gefördertes Coaching“. Vermutlich sind „Coaching“ und „Fördermittel“ gemeint, sicher bin ich mir nicht.
Mustervorlage
Du suchst einen Ausgangspunkt, an dem entlang du deine Navigation aufbauen kannst? Gerne: Hier ist eine Mustervorlage.
Tipps für die Auswahl der perfekten Schriftart, um deine Coaching-Webseite professionell und ansprechend zu gestalten.
Die Schriftart ist ein oft unterschätztes Gestaltungsmittel deiner Website. Ist die Schriftart gut ausgewählt und professionell eingesetzt, lädt sie zum Bleiben ein. Die Texte lassen sich leicht und angenehm lesen. Das Schriftbild wirkt insgesamt harmonisch. Deine Besucher und Besucherinnen haben Lust auf deiner Website zu stöbern und sich mit deinen Inhalten zu beschäftigen.
Schlecht ausgewählte oder unpassend eingesetzte Schriftarten hingegen machen das Lesen schwer. Eine gute Schrift fällt nicht weiter auf. Eine schlechte umso mehr.
Das musst du wissen
Die Schriftart ist Teil deiner Brand
Wie möchtest du dich deinem Publikum vorstellen: modern, feminin, elegant, innovativ, vertrauenswürdig, verspielt – oder was ist dein Stil? Durch die Auswahl deiner Schriftart kannst du die gewünschte Wirkung erzielen.
Die weiße Fläche ist ebenso wichtig wie die Schrift
Die schönste Schriftart nützt dir nichts, wenn sie ungeschickt eingesetzt wird. Zu kleine Buchstaben, lange Zeilen oder enge Abstände zwischen den Zeilen erschweren es deinen Lesern und Leserinnen, den Inhalt deines Textes zu erfassen. Eine gut lesbare Schrift braucht Luft zum Atmen – genug, aber nicht zu viel. Hier ein paar Tipps zur Orientierung:
Schriftgröße
Die empfohlene Schriftgröße für Fließtexte liegt bei 16 bis 18 Pixel. Der Fließtext legt die 100-Prozent-Marke fest. Alles andere wie die Überschriften orientieren sich daran.
Überschriften sind ein Mittel, Texte zu strukturieren und eine Hierarchie herzustellen. Sie sollten sichtbar größer sein als der Fließtext, damit sich deine Leser und Leserinnen orientieren können. Versuche es einmal mit diesen Maßen.:
H1-Überschrift zwischen 180 und 200 Prozent.
H2-Überschrift zwischen 130 und 150 Prozent.
H3-Überschrift in etwa so groß wie der Fließtext.
Je größer der Unterschied zwischen Überschrift und Fließtext, desto dramatischer die Wirkung.
Zeilenhöhe
Die Zeilenhöhe definiert den weißen Raum zwischen den Zeilen. Dieser Raum ist wichtig für die Lesbarkeit: Stehen die Zeilen zu eng zusammen, wird das Lesen mühsam. Ist der Abstand zu groß, wirkt das Textbild unharmonisch.
Die Zeilenhöhe beträgt im Schnitt das 1,5-fache der zugehörigen Schrift. Ist der Fließtext 16 Pixel hoch, beträgt die Zeilenhöhe 24 Pixel.
Zeilenlänge
Die ideale Zeilenlänge liegt zwischen 75 und 80 Zeichen pro Zeile. Deine Leser und Leserinnen sollten in der Lage sein, am Ende einer Zeile gleich den Anfang der nächsten Zeile zu erfassen.
Die gekonnte Verwendung von Schriften ist keine exakte Wissenschaft. Das Gesamtbild entscheidet. Zudem hängen die richtige Schriftgröße und der Zeilenabstand von der Schriftart ab. Manche Schriftarten wirken größer, andere kleiner.
Der Golden Ratio Typography Calculator kann dir weiterhelfen. Er rechnet Abstände, Zeilenlauflängen und Schriftgrößen in Abhängigkeit der ausgewählten Schriftart aus.
Die perfekte Schriftart für deine Website: Best Practices
Serifen-Schrift vs. serifenlose Schrift
Serifen sind die kleinen An- und Abstrichen am Anfang oder am Ende eines Buchstabens. Serifen-Schriften eignen sich für Bücher, Zeitschriften und andere Print-Erzeugnisse. Für das Internet haben sich Schriftarten ohne Serifen bewährt.
Serifen-SchriftSerifenlose Schrift
Websichere Schriftarten
Websichere Schriften sind solche, die ab Werk auf Desktop-Rechnern, Tablets oder Smartphones installiert sind. Sie gelten als sicher, weil sie auf fast allen Geräten der Welt geladen und korrekt angezeigt werden können – unabhängig von Ort und vom Device.
Zu den verbreitetsten „sicheren“ Schriftarten zählen:
Arial
Verdana
Helvetica
Tacoma
Trebuchet MS
Times New Roman
Georgia
Garamond
Courier New
Brush Script MT
Die Gestaltungsmöglichkeiten sind allerdings eingeschränkt. Solltest du dich für eine exklusive Schriftart entscheiden, kann es sein, dass diese auf dem Endgerät deines Besuchers nicht installiert ist. Ruft dein Besucher deine Website auf, muss sein Gerät sowohl Inhalt als auch die Schrift herunterladen.
Je mehr Daten, desto langsamer wird die Seitenladegeschwindigkeit. In der Regel lässt sich der Nachteil verschmerzen, doch wenn dein Besucher ein altes System verwendet oder die Leitung langsam ist, kann dies zu einem Störfaktor werden.
Viele Web-Profis empfehlen deshalb, eine „schöne“ Schriftart und eine Standard-Schriftart als Fallback zu verwenden.
Google-Schriften und die DSGVO
Google bietet unzählige Schriften an, eine wahre Fundgrube! Diese sogenannten Web-Fonts liegen im Netz auf einem Google-Server. Du kannst sie auf deiner Website verwenden, ohne sie fest zu installieren. Die Schriften bleiben im Netz.
Ruft ein Besucher deine Website auf, geht zugleich ein Signal an den Google-Server. Die Schrift wird geliefert, zusammen mit den Inhalten deiner Website. Der Browser setzt beides zusammen.
Mit diesem Prozess verlangsamt sich die Ladegeschwindigkeit deiner Website und außerdem ist Google im Spiel. Damit entsteht ein Konflikt mit der DSGVO, der Datenschutzgrundverordnung.
Ein Ausweg besteht darin, die verwendeten Google-Schriftarten herunterzuladen und fest in deinem System zu installieren. Wenn dein Besucher deine Seite lädt, ist Google nicht mehr involviert.
Du weißt, ich bin keine Rechtsanwältin. Wende dich für verbindliche Informationen bitte an Experten, wie eRecht24.
Vorsicht, Fehler!
Verwende nie mehr als drei Schrifttypen pro Website
Auch wenn die Möglichkeiten vielfältig und fantastisch sind: Weniger ist mehr. Viele Websites kommen mit zwei Schriftarten aus.
Zeilenumbrüche
Unpassende Zeilenumbrüche können das Gesamtbild sehr beeinträchtigen. Ich hatte Probleme, bis der Techniker meines Vertrauens folgenden Code ins CSS schrieb:
Seither werden automatische Silbentrennungen erzeugt. Zumindest ich sehe das so und auf den meisten Geräten sollte es ebenso sein. Es gibt jedoch keine absolute Sicherheit. Wenn du mehr über Zeilenumbrüche lesen möchtest, schaue hier nach: Silbentrennung im Browser mit CSS, HTML oder JavaScript
Ich finde: Die Auswahl deiner Schriftart ist ein spannendes Thema und Mittel der Gestaltung. Wenn du tiefer einsteigen möchtest, lies bei CANVA weiter: Your ultimate guide to understanding typography
Websites für Coachs und Berater: was beachten? Der vollständige Projektplan – Elemente, Struktur, Design und zahlreiche Praxistipps.
Mit ihrer Website sprechen Coachs und Berater ihre Kunden an. Sie präsentieren sich und ihre Leistungen.Eine Website für Coachs und Berater hat einen viel emotionalen Anteil, als es zunächst scheint: Wer ohne eigene Geschäftsräume arbeitet, für den wird die Website zum greifbaren Beleg der selbstständigen Existenz.
Dies ist einer der Gründe, weshalb der Aufbau einer Website häufig so viel Zeit und Energie kostet. Die Website soll persönlich und fachlich passen. Sie soll sitzen, wie angegossen. Punkt!
Wie wichtig ist eine gute Website für Coachs und Berater?
Obwohl eine eigene Website einiges an Aufmerksamkeit fordert, möchte ich für sie werben. Dass du als Berater oder Coach überhaupt eine benötigst, ist keinesfalls ausgemacht: Plattformen wie LinkedIn oder Facebook bieten eine breite Palette an Funktionen an, um sich vorzustellen, mit Kunden in Kontakt zu kommen und Vertrauen aufzubauen.
Unabhängig
Doch wenn du dich uneingeschränkt auf eine Plattform verlässt, gerätst du in Abhängigkeit. Und das ist nicht gut: Seit mehr als 15 Jahren bin ich selbstständig und habe in der Zeit Social-Media-Plattformen kommen und gehen sehen. Zumindest haben sie ihren Charakter verändert.
Kunden auf die eigene Website zu locken und etwa mithilfe eines Newsletters in die eigene Einflusssphäre zu holen, ist definitiv eine strategische Überlegung wert. Zudem kannst du auf deiner Website mit deinen Kunden genau so in Kontakt treten, wie du es möchtest und wie du es für richtig hältst. Du musst dich nicht durch den oft engen Tunnel eines Social-Media-Algorithmus zwängen.
Übersichtlich
Zudem ist die Website der natürliche Ort, an dem alle kommunikativen Inhalte zusammenlaufen, der „Single Point of Information“. Wenn du länger selbstständig bist, probierst du wahrscheinlich dies und das aus. Deine Kunden können unter Umständen die Übersicht verlieren. Auf der Website finden sie alles schön geordnet beisammen.
Fühlst du dich gestärkt? Wollen wir deine Website angehen? Mit den weiteren Artikeln möchte ich dich darin unterstützen, gut informierte Entscheidungen zu treffen – ganz gleich, ob du die Umsetzung einem Dritten überlässt oder selbst Hand anlegst. Praxistipps gibt’s natürlich obendrein.
Der Fokus liegt auf Websites für Coachs und Berater.
Tipp!
Die Inhalte sind auf mehrere Seiten verteilt. Vielleicht magst du dir die Einstiegsseite hier als Lesezeichen in deinem Browser hinterlegen? Damit kannst du bequem wieder darauf zugreifen.
Eine Website für Coachs und Berater verursacht nicht wenig Arbeit, doch sie lohnt sich. Sie ist die erste Arbeitsprobe und spiegelt die eigenen professionellen Ansprüche wider. Geschickt eingesetzt hat sie zudem das Potenzial, zum Herzstück des eigenen Marketings zu werden.
Das Farbschema ist ein aufmerksamkeitsstarkes Thema bei der Gestaltung einer Berater- und Coach-Website. Auch auf diesem Blog hat der Artikel über das Farbschema auffallend hohe Zugriffsraten.
Es ist aber auch zu schön, in Farben zu schwelgen! Ich kann das gut verstehen. Ehrlich. Doch unter uns: Die Ästhetik einer Website sagt nichts über ihre Leistung in Hinblick auf Kundengewinnung aus. Erfahre hier, worauf es tatsächlich ankommt.
Worauf es bei der Auswahl deines Farbschemas ankommt
Bei der Auswahl deines Farbschemas solltest du auf diese Faktoren achten:
Lesbarkeit
Wähle deine Farben so, dass der Text auf der Website leicht zu lesen ist. Achte auf einen angenehmen Kontrast, wenn du etwa deine Überschriften nicht in Grau, sondern in einer Farbe setzen möchtest.
Konsistenz
Achte darauf, deine Farben einheitlich zu verwenden. Die Farben für die Überschriften, Links, Buttons oder Hervorhebungen sollten über alle Seiten deiner Website hinweg übereinstimmend eingesetzt sein. Dies hilft deinen Besuchern, sich zu orientieren.
Deine Persönlichkeit, dein Angebot
Die Farbgebung sollte deiner Persönlichkeit entsprechen: Bist du ein eher expressiver Typ oder zurückhaltend? Schau dich weiter unten um, was Farben erzählen und triff eine Auswahl, die dir entspricht.
Und der Branchencode?
Als ich mich 2005 selbstständig machte, war die Entscheidung einfach: Wer als Berater etwas auf sich hielt, gestaltete seine Website in Blau. In Dunkelblau, um genau zu sein. Denn Blau steht für Seriosität.
Seither hat sich viel verändert: Sogar die großen Wirtschaftsprüfungsgesellschaften wie Ernst & Young, PwC und Deloitte oder Finanzinstitute wie die Sparkasse kombinieren Grautöne mit einer kräftigen, leuchtenden Farbe wie gelb, orange, rot oder violett.
Wenn du das Gefühl hast, du solltest dich mit Rücksicht auf deine Branche oder dein Angebot mit der Farbe etwas zurückhalten, liegt hier eine Lösung: Beschränke dich auf zwei Farben, Grau-Töne für Schrift und farblich hinterlegte Texte und nimm eine kräftige Kontrastfarbe hinzu.
Wo findest du Inspiration für dein Farbschema?
Hier sind einige Quellen:
Dein*e Designer*in
Wenn du mit einem Design-Profi zusammenarbeitest, ist er oder sie die erste Adresse für dich. Besonders positiv: Er oder sie wird dein Corporate Design beachten und dafür sorgen, dass deine Website mit allen übrigen Kommunikationsmitteln abgestimmt ist.
Kollegen
Schau dich einmal bei Kollegen um: Was gefällt dir? Wie sind die Farben auf der Website deiner Kollegen eingesetzt? Nimm, wenn du möchtest, den Seminarmarkt von managerSeminare als Ausgangspunkt für deine Recherche.
Kleiderschrank
Der Tipp klingt vielleicht merkwürdig, doch bei der Gestaltung einer Berater- oder Coach-Website geht es darum, dich als Persönlichkeit vorzustellen. Schau deshalb einfach einmal in deinen Kleiderschrank: Welche Farben fallen dir auf? Was du gerne am Leib trägst, sollte dir auch auf der Website gut zu Gesicht stehen.
Fotos, Instagram, Farbschema-Tools
Das Internet hält vielfältige Tools für die Recherche nach einem Farbschema bereit. Unter Umständen können sie mehr verwirren als bei der Entscheidung helfen: Was etwa sagt dir ein fünfteiliges Farbset von Adobe, das dir gefällt – du jedoch befürchten musst, dass deine Website wie ein Ostereier-Korb aussehen wird?
Wenn du es dennoch versuchen möchtest, schau dich bei Adobe Color oder Coolers um und lass dich inspirieren. Auch eine Möglichkeit: Nimm ein Foto deiner Wahl und extrahiere die Farben: Farben extrahieren.
Farbpsychologie: Welche Botschaft sendet dein Farbschema?
Die Farbpsychologie befasst sich mit der Wirkung von Farben auf unsere Emotionen, Gedanken und Verhaltensweisen. Farben können in uns Gefühle hervorrufen und unsere Stimmung beeinflussen. Daher ist es interessant zu wissen, welche Botschaft dein Farbschema übermittelt.
Rot
Rot ist eine sehr intensive Farbe und kann Emotionen wie Leidenschaft, Liebe, Energie, Kraft und Aggression hervorrufen. In der Werbung wird Rot häufig verwendet, um Aufmerksamkeit zu erregen.
Orange
Orange ist eine warme und freundliche Farbe, die oft mit Kreativität, Optimismus und Jugendlichkeit in Verbindung gebracht wird.
Gelb
Gelb ist eine helle und fröhliche Farbe, die Assoziationen wie Sonne, Freude, Energie und Wärme hervorruft.
Grün
Grün ist eine beruhigende und harmonische Farbe, die oft mit Natur, Wachstum, Frische und Gesundheit assoziiert wird.
Blau
Blau ist eine kühle und beruhigende Farbe, die mit Vertrauen, Stabilität, Frieden und Freiheit in Verbindung gebracht wird.
Lila
Lila ist eine mystische und kreative Farbe, die oft mit Spiritualität, Fantasie und Luxus assoziiert wird.
Rosa
Rosa ist eine weiche und feminine Farbe, die oft mit Liebe, Zärtlichkeit und Mitgefühl in Verbindung gebracht wird.
Braun
Braun ist eine erdige und natürliche Farbe, die Assoziationen wie Stabilität, Ehrlichkeit und Einfachheit hervorruft.
Grau
Grau ist eine neutrale Farbe, die oft mit Stabilität, Ernsthaftigkeit und Professionalität in Verbindung gebracht wird.
Schwarz
Schwarz ist eine starke und kraftvolle Farbe, die oft mit Eleganz, Macht und Autorität assoziiert wird.
Wie viele Farben solltest du verwenden?
Wie so oft gilt auch für die Farbpalette einer Berater- und Coach-Website: Weniger ist mehr. Eine aufdringliche Farbkombination kann die Aufmerksamkeit deiner Besucher ablenken.
Wenn du dir Websites anschaust, findest du zwei verbreitete Lösungen:
Zwei Farben
Eine neutrale, graue Farbe für den Fließtext, Überschrift und Texthinterlegungen sowie eine kräftige Farbe als Kontrast.
Drei Farben
Eine neutrale, graue Farbe für den Text sowie zwei aufeinander abgestimmte Farben.
So entsteht eine angenehme Ästhetik und die Lesbarkeit ist gewährleistet.
Wie findest du ein harmonisches Farbschema?
Profis setzen das Farbrad ein, um Farben zu kombinieren, die nebeneinander liegen und solche, die sich gegenüberstehen. Denn dies ist der Schlüssel zu harmonischen Farbkombinationen. Bevor wir jedoch in der Farbtheorie einsteigen, mach es dir lieber einfach: Adobe rechnet dir harmonische Farbkombinationen aus: Adobe Color.
Tipp
Inzwischen bin ich seit fast 20 Jahren im Beratungsgeschäft. Ich habe Berater- und Coach-Websites in Blau, Rot, Grün, Braun, Schwarz, Violett und in Pink gesehen.
Nie war die Farbe der entscheidende Faktor für den Erfolg der Website oder gar für das Geschäft. Starke Websites punkten mit Nutzerfreundlichkeit, Übersichtlichkeit, Ordnung und natürlich einem überzeugenden Angebot an ihre Zielkunden.
Deshalb mein Tipp: Mach es dir mit der Farbe nicht zu schwer. Such dir einfach eine aus, die dir gefällt – und fertig. Denn die Farbe ist weder Garant für ein florierendes Business noch ein Hindernis. Was zählt, ist der Gesamteindruck sowie der geschickte Einsatz deiner Website in den Prozess der Kundengewinnung.
Die Website-Startseite für Coachs und Berater: Bauplan für deine Homepage.
Die Website-Startseite (Homepage) ist das Aushängeschild deiner Website. Hier kannst du deine Besucher abholen und sie auf möglichst kurzem Weg zu den Inhalten führen, für die sie sich interessieren.
Die wichtigsten Elemente für die Website-Startseite
Zu den wichtigsten Elementen deiner Website gehören:
dein Name und deine Berufsbezeichnung,
ein kurzer und prägnanter Satz, der deine Leistung beschreibt,
sowie ein Foto von dir.
Unbedingt erforderlich sind außerdem Hinweise auf deine Angebote und Leistungen (auch Kurse), eine Handlungsaufforderung und Kontaktmöglichkeiten.
Außerdem empfehlenswert
Neben den Basics sind auch diese Elemente empfehlenswert:
Referenzen, Kundenstimmen und Kundenbewertungen, um Vertrauen aufzubauen.
Erfolgskennzahlen, wie die Anzahl zufriedener Kunden oder verkaufte Bücher.
Ein kurzes Statement von dir.
Hinweise auf Ressourcen wie Blog, Whitepapers oder Fallstudien.
Das Abonnement deines Newsletters, wenn du einen anbietest.
Beispiele für Website-Startseiten
Möchtest du dir ein paar Beispiele ansehen, wie du alle Elemente auf deiner Website-Startseite einbinden kannst? Sehr gerne.
Weiter unten findest du eine Liste zu Website-Templates für Coaching-Websites. Ein Template ist eine Vorlage eines Designers.
Mit einem Klick auf das Foto oder den Link gelangst du zu Beispiel-Websites. Bei der Gestaltung der Vorlagen haben die Designer alle Elemente und Inhalte berücksichtigt, die wichtig sein können. Für mein Empfinden sind die Seiten zu überladen.
Die Beispiele können dir helfen, kreative Ideen zu entwickeln. Bitte fühle dich nicht verpflichtet, sie 1:1 zu übernehmen.
Abschließend ein Muster für eine Website-Startseite: Vorlage ist das Harper-Theme. Wähle die Elemente aus, die du auf deine Website-Startseite einstellen möchtest.
01 Header
Der Header erzählt das Wichtigste von dir und deinem Angebot. Er besteht aus:
Deinem Foto,
Überschrift,
Unterzeile mit deinem Angebot,
dein Name und deine Berufsbezeichnung und
die erste Handlungsaufforderung.
Notwendig.
02 Herausforderungen deiner Kunden
Deine Besucher sollen das Gefühl bekommen, dass du sie verstehst und ihnen helfen kannst. Nenne dazu die wichtigsten Herausforderungen, mit denen sie zu kämpfen haben.
Notwendig.
03 Leistungen
Präsentiere deine Leistungen. Beschreibe in höchstens zwei(!) Sätzen, für wen sich deine Leistungen eignen und was sie bewirken.
Überlege dir, ob du deine Website nach Leistungen, nach Herausforderungen oder nach Kundengruppen strukturieren möchtest. Alle Varianten sind möglich. Wäge Vor- und Nachteile für dich ab.
Notwendig.
04 zusätzliche Leistungen / Special
Falls du einen Verkaufsrenner in deinem Angebot führst oder ein Angebot besonders promoten möchtest, ist hier die passende Stelle.
Optional.
05 Ressourcen
Ob Blog, Podcast, Success Stories oder Videos: Sofern du Ressourcen bereitstellst, präsentiere sie hier.
Optional.
06 Statement
Beschreibe in zwei, drei Sätzen, was dir wichtig ist. Was du erreichen möchtest. Worauf es dir ankommt. Weshalb du deine Arbeit liebst.
Optional.
07 Kundenstimmen
Füge Kundenstimmen und andere Elemente zur Vertrauensbildung ein.
Notwendig.
08 Ressourcen
Du hast weitere Ressourcen? Dann ist hier der ideale Platz dafür.
Optional.
09 Handlungsaufforderung / Call to Action
Die Handlungsaufforderung spiegelt deine Ziele mit deiner Website wider. Möchtest du Abonnenten für deinen Newsletter gewinnen oder ein Gespräch zum Kennenlernen vereinbaren? Passe diesen Abschnitt auf dein Ziel an.
Notwendig.
10 Social Media
Wenn du dich mit deinen Besuchern in den Social-Media treffen möchtest, lade sie dazu ein.
Optional.
Bitte triff deine Auswahl: Welche Elemente möchtest du auf deiner Website-Startseite sehen? Vielleicht gibt es Elemente, die du noch nicht parat hast und später einfügen möchtest? Kein Problem. Ressourcen oder Angebots-Specials kannst du problemlos zu einem späteren Zeitpunkt noch einfügen.
Um dir ein optimales Erlebnis zu bieten, verwenden wir Technologien wie Cookies, um Geräteinformationen zu speichern und/oder darauf zuzugreifen. Wenn du diesen Technologien zustimmst, können wir Daten wie das Surfverhalten oder eindeutige IDs auf dieser Website verarbeiten. Wenn du deine Zustimmung nicht erteilst oder zurückziehst, können bestimmte Merkmale und Funktionen beeinträchtigt werden.
Funktional Immer aktiv
Die technische Speicherung oder der Zugang ist unbedingt erforderlich für den rechtmäßigen Zweck, die Nutzung eines bestimmten Dienstes zu ermöglichen, der vom Teilnehmer oder Nutzer ausdrücklich gewünscht wird, oder für den alleinigen Zweck, die Übertragung einer Nachricht über ein elektronisches Kommunikationsnetz durchzuführen.
Vorlieben
Die technische Speicherung oder der Zugriff ist für den rechtmäßigen Zweck der Speicherung von Präferenzen erforderlich, die nicht vom Abonnenten oder Benutzer angefordert wurden.
Statistiken
Die technische Speicherung oder der Zugriff, der ausschließlich zu statistischen Zwecken erfolgt.Die technische Speicherung oder der Zugriff, der ausschließlich zu anonymen statistischen Zwecken verwendet wird. Ohne eine Vorladung, die freiwillige Zustimmung deines Internetdienstanbieters oder zusätzliche Aufzeichnungen von Dritten können die zu diesem Zweck gespeicherten oder abgerufenen Informationen allein in der Regel nicht dazu verwendet werden, dich zu identifizieren.
Marketing
Die technische Speicherung oder der Zugriff ist erforderlich, um Nutzerprofile zu erstellen, um Werbung zu versenden oder um den Nutzer auf einer Website oder über mehrere Websites hinweg zu ähnlichen Marketingzwecken zu verfolgen.
