Zum Inhalt springen
Home

Kommunikationsdesign in Mainz

Warenkorb
Projekt · Digitales Gestalten

ColorZone
Online-Tool: Wirkung von Farben weltweit

Bei dem Projekt „ColorZone“ handelt es sich um ein Online-Tool, welches sich mit der unterschiedlichen Wirkung von Farben in verschiedenen Regionen weltweit beschäftigt.

ColorZone soll dazu dienen, sowohl das inklusive Gestalten als auch das Ansprechen bestimmter (regionaler) Zielgruppen zu unterstützen. Zudem soll das Tool ein Bewusstsein für die Wirkung von Farben in unterschiedlichen Regionen sowie für den Umgang mit Farben im Designbereich schaffen.
Um ein aufrichtiges und respektvolles Projekt gewährleisten zu können, war bei der Formulierung und Herangehensweise des Themas besonders viel Sensibilität geboten. Die Main-Page wird daher entsprechend durch einen kurzen Infotext eingeleitet, welcher darauf hinweist. Zudem wird betont, dass ColorZone zwar einen Einblick in die Wirkung von Farben in verschiedenen Regionen auf der Welt gibt, dabei aber zu berücksichtigen ist, dass es sich um Annäherungen an regionale Farbassoziationen handelt und es daher keine absolute Wahrheit gibt. Darüber hinaus erhebt das Projekt keinen Anspruch auf Vollständigkeit.

Die Main-Page zeigt eine Weltkarte nach Buckminster Fuller, welche auf zwei Arten bedient werden kann:
1. Das Wählen eines Begriffs – die Weltkarte färbt sich dann je nach Region in den entsprechenden Farben ein, die mit diesem Begriff weltweit assoziiert werden.
2. Das Einfärben der gesamten Weltkarte in einer Farbe, indem man eine Farbe aus der Palette wählt. Durch Hovern über die verschiedenen Regionen werden alle Begriffe eingeblendet, die in der jeweiligen Region mit dieser Farbe assoziiert werden.

Neben der Main-Page gibt es zudem eine „Project-Page“, eine „Contribute-Page“ sowie eine „About-Us-Page“. Auf der „Project-Page“ werden die Idee und das Konzept, die Recherchearbeit sowie die Umsetzung des Projekts näher erläutert. Mit Hilfe der „Contribute-Page“ können Besuchende der Website an einer Umfrage teilnehmen und so dazu beitragen, ColorZone stetig zu erweitern. Die „About-Us-Page“ hält Informationen über die Mitwirkenden des Projekts bereit und erläutert
deren Intensionen und Beweggründe, ColorZone ins Leben zu rufen.

Umgesetzt wurde das Online-Tool mit HTML, CSS, Javascript und JSON. Die Wireframes wurden mit Adobe XD gestaltet. Die Weltkarte nach Buckminster-Fuller sowie die Icons wurden digital mit Procreate gezeichnet.

Text: Bastian Quade und Tina Scherer

Fotografien und Film: Quade und Tina Scherer