Blog

Die Farbwahl ist ein nicht unwesentlicher Teil bei der Gestaltung einer Website oder des eigenen Firmen Logos. Soll es eher warm und fröhlich oder eher kalt und Technisch wirken? Wie viele Farben möchte ich auf meiner Website nutzen? Wie viele SOLLTE ich nutzen? Welchen Eindruck möchte ich vermitteln und welche Zielgruppe möchte ich letztendlich ansprechen? Und wie hebe ich mich von meinen Mitbewerbern ab? Dabei gibt es vieles zu beachten und dabei kommt man nicht drum herum, sich zumindest mit den Basics der Farbpsychologie zu beschäftigen.

Farbpsychologie

Hier geht es darum, was drückt die Farbe aus? Wie wirkt Sie auf den Betrachter? Die Farbpsychologie spielt für Marketing und Werbung eine wichtige Rolle. Wir reagieren auf Farben unterschiedlich, basierend auf unserem kulturellen Hintergrund, unserer Erziehung oder unserem Geschmack. Farben können unser Verhalten und auf unsere Emotionen beeinflussen. Firmen nutzen Farben gezielt, das Logo, die Webseite oder das Produkt interessant für die gewünschte Zielgruppe zu gestalten. Hier die gängigsten Farben mit den positiven Assoziationen und den negativen, wenn Sie falsch eingesetzt werden:
 

Die oben genannten Farbdefinitionen sind nicht universell. Z. B. Ein grünstichiges Gelb erweckt eher die Assoziation „Krank, Ungesund usw.“

Farbharmonien

Für Ihre Firma sind ihre Farben von großer Bedeutung, da sie nicht nur den Wiedererkennungswert steigern, sondern auch Stimmungen und Emotionen in deinen Kunden wecken. Neben der Farbbedeutung ist hier auch das harmonische Zusammenspiel der Farben besonders wichtig.

Was bedeutet Farbharmonie?
Farbharmonie bedeutet, eine möglichst ausgewogene und angenehm empfundene Zusammenstellung von Farben in einer Komposition zu erreichen.

•    Zwei im Farbkreis gegenüberliegende Farben (Komplementärfarben) ergeben einen harmonischen Zweiklang.
•    Gleichseitige oder gleichschenklige Dreiecke bilden im Farbkreis einen harmonischen Dreiklang.
•    Quadrate oder Rechtecke bilden den harmonischen Vierklang.

Bei Farbharmonien unterscheidet man auch zwischen statische und dynamische Harmonien. Als statische Harmonien bezeichnet man zum Beispiel eine Farbkombination aus verschiedenen Sättigungen eines Farbtons. Dadurch, dass die Sprünge in den Farbwerten zwischen den einzelnen Tönen sehr gering sind, wirkt diese Kombination auf das Auge undynamisch. Im Gegensatz dazu wirken Kombinationen aus verschiedenen Farben sehr dynamisch.

Aus der Masse herausstechen

Angenommen Grün ist die Farbe, die die Stärken deines Unternehmens am besten repräsentiert. Solltest du nicht vergessen, dich auch im Umfeld deiner Konkurrenz umzusehen. Ist Grün die vorherrschende Farbe in deiner Branche? Dann ist die Farbe vielleicht nicht die beste Wahl, schließlich willst du dich von deinen Konkurrenten abheben, natürlich ohne jedoch die Branchenzugehörigkeit oder Authentizität zu verlieren. Daher sollte man bei der Farbwahl darauf achten und sich in dem Fall dann eine glaubhafte Alternative suchen, die jedoch weiterhin das repräsentiert, was dein Unternehmen / deine Marke aussagen soll.

Eine Hilfe beim Ausprobieren von Farbkombinationen und testen von Farbharmonien ist zum Beispiel Adobe Color, über die sich Farbharmonien in den verschiedenen Konstellationen generieren lassen.
Letztendlich jedoch erfordert das perfekte Kombinieren von Farben ein Feingefühl für die Richtige Farbkombination, Sensibilität, Talent und Erfahrung des Designers.

Warum arbeitet die CAPCom AG nicht nur mit TYPO3 sondern auch mit WordPress? Beides sind doch bekannte CMS Systeme und sollte da nicht Eines reichen? Wie so häufig kann man nicht diesen einfachen Weg gehen, sondern muss sich mit dem Ursprung der beiden Systeme und den Zielen und Vorstellungen der Kunden beschäftigen, um das passende System auszuwählen.

Wir haben vier Punkte ausgewählt, die dabei helfen können, das richtige CMS auszuwählen.

Umfang der Website

Erster Punkt, der uns bei der Entscheidung hilft, ist der Umfang der Webseite. WordPress ist in seinem Ursprung für das Verwalten von Blog-Beiträgen gebaut worden. Es gibt in WordPress keine Unterseiten, alles landet an einer Stelle. Für Blogs, die in der Regel einmal erzeugt werden und dann eher archiviert werden, ist das eine brauchbare Lösung, man sieht die zuletzt bearbeiten Beiträge, die anderen werden nur selten benötigt. Auch für kleine Webseiten mit einem oder zwei Dutzend Seiten ist das im Backend überschaubar.

Sollen auf der Webseite mehrere Produktschienen oder Abteilungen dargestellt werden oder eine tiefergehende Struktur, dann bietet TYPO3 mit seiner fest im Backend verankerten Strukturierung eine einfachere Handhabung. Eine Unterseite wird einfach als Unterseite angelegt und der Zusammenhang für z.B. das Menü ist hergestellt. Damit sind hunderte von Seiten leicht zu managen.

Leistungsfähigkeit der Rechteverwaltung

Bei TYPO3 ist eine tiefgehende Rechteverwaltung von Hause aus integriert. Diese ist nicht nur eindimensional ausgelegt sondern kann passend zu den Wünschen des Kunden angepasst werden. Administratoren, Arbeitsgruppen, Redaktionen oder Einzelkämpfer können nicht nur auf Bereiche im Seitenbaum sondern auch funktional konfiguriert werden. Auch Frontend und Backend Benutzer werden unterschieden.

WordPress kommt mit einer einfachen und überschaubareren Menge an Berechtigungen, auch hier dem Ursprung als Blog-System geschuldet. Grob gesagt gibt es Administratoren, Redakteure und Teilnehmer. Für ein kleines Team eine völlig ausreichende Auswahl an Berechtigungen. Natürlich kann man WordPress mit Plugins um deutlich komplexere Berechtigungssysteme erweitern, wir haben uns hier aber auf die vom Grundsystem gelieferten Funktionen beschränkt.

Anzahl vordefinierter Designs

Das Design der Webseiten ist grundsätzlich unabhängig vom verwendeten CMS. Ob es um die Wiederverwendung von Komponenten oder Responsive geht, beide Systeme können das problemlos umsetzen und bieten alle notwendigen Funktionalitäten. Hier muss man heutzutage auf das CMS keine Rücksicht nehmen. WordPress bietet aber einen umfangreichen Fundus an Themes, die einen schnellen und kostengünstigen Einstieg ermöglichen.

Planbarkeit der Aktualisierungen

Beide Systeme lassen sich einfach aktualisieren und dank Open-Source ist der Zugang zu den Updates kostenfrei. Der Unterschied liegt in der Planbarkeit der Aktualisierung des laufenden Systems. WordPress verfügt über keine Roadmap. Dies macht die regelmäßige Prüfung auf Aktualisierungen unabdingbar und deren frühzeitige Planung unmöglich. TYPO3 mit dem Ziel ein Enterprise CMS zu sein, bietet hingegen hier eine Roadmap, die die Daten der zukünftigen Versionen inkl. der Supportdauer genau vorgibt und damit eine Planung von Aktualisierungen ermöglicht. Zwischengeschoben werden selbstverständlich Sicherheitsupdates, die bei beiden CMS System nach Bedarf erfolgen.

Da dies natürlich nicht alle Kriterien und Anforderungen abdeckt, beraten wir unsere Kunden individuell und entscheiden uns dann mit dem Kunden zusammen und je nach Bedürfnis für TYPO3 oder WordPress.

Eine wichtige Eigenschaft erfolgreicher kommerzieller Webseiten ist die optimale Darstellung gegenüber Suchmaschinen, gemeinhin als Suchmaschinenoptimierung (SEO - Search Engine Optimization) bezeichnet. Einige TYPO3 CMS Extensions helfen unseren Kunden, ihren Webauftritt für die Suchmaschinen gut aussehen zu lassen und auch entsprechende Probleme zügig zu finden und zu beseitigen.

SEO ist keine einmalige Sache, daher ist die im Folgenden beschriebenen Maßnahmen nur ein guter Anfang für eine erfolgreiche Kampagne. Kontinuierliche Optimierung und Anpassung sind bei SEO Pflicht.

SEO - für die Übersicht und eine Sitemap.xml

Optimal für Suchmaschinen ist die Einrichtung einer maschinenlesbaren Übersicht über die Seiten der Website. Die System Extension SEO stellt das beim TYPO3 CMS zur Verfügung und bietet außerdem eine übersichtliche Darstellung des Seitenbaums. Diese Extension verwenden wir gerne als 404-Fehlerseite, um dem Nutzer eine einfache Möglichkeit zu bieten, sich wieder zurecht zu finden.

Weiterleitungen - damit nichts falsch läuft

Damit Suchmaschinen und Kunden nicht den falschen Weg nehmen, gibt es in TYPO3 CMS die Weiterleitungen (Redirects). Ob über die Google Search Console Meldungen auftauchen, dass Seiten nicht erreicht werden und die dann manuell eingetragen werden oder ab TYPO3 CMS v10 automatisch Weiterleitungen eingetragen werden, wenn Seiten umziehen oder umbenannt werden, das Ziel ist immer, weder den Besucher noch die Suchmaschine ins Leere laufen zu lassen.

Einfaches Überwachen der internen und externen Links

Mit dem Link Validator kann man einfach und kostengünstig kaputte Links aufspüren. Nicht nur interne, sondern auch externe Links können damit regelmäßig, oder auf Anfrage geprüft werden. Nichts ärgert einen Besucher mehr, als nach Anklicken eines fehlerhaften Links im Nirvana zu landen.

Eine kostenfreie Methode, die Qualität der Webseite zu prüfen

PageSpeed Insights ermöglicht eine gute Überwachung der Qualität der Webseite mit Hilfe des bekannten Tools von Google. Während man als Webentwickler eine einzelne Seite manuell prüfen kann und dabei auch genauere Hinweise erhält, dient die TYPO3 CMS Extension der kontinuierlichen Überwachung und Analyse.

WebP images - kleine schnelle Bilder

Mit der Extension Create a WebP copy for images liefert man automatisch alle Bilder des Webauftritts in dem neuen, platzsparenden von Google und On2 entwickelten WebP - Format aus. Zusätzlich zu unserem Ansatz, Bilder in optimierten Größen und Anschnitten für die einzelnen Breakpoints des Responsive Designs auszuliefern, kann man mit WebP das Laden der Webseiten beschleunigen und ein paar Bonuspunkte beim Rating durch PageSpeed Insights sammeln.

Optimierte Auslieferung der Seiteninhalte

Auch das Zusammenfassen von CSS- und JavaScript-Dateien mit der Extension CSS/Javascript Minificator, Compressor And Concatenator erhöht die Qualität des Webauftrittes aus Sicht der Suchmaschinen. Hierbei geht es um die Anzahl der Dateien, die ausgeliefert werden, beziehungsweise um die Anzahl der dafür nötigen Kontakte zwischen Browser und Webserver. Wie immer ist das große Ziel, die Webseite so schnell wie möglich auszuliefern und eine erste Interaktion zu ermöglichen.