.. 01  TYPOLOGIEN

Die Bestimmung von Zielgruppen ist immer die erste Aufgabe bei der Entwicklung eines Erscheingsbildes. Zum besseren Kennen lernen der Adressaten erstellten wir pro Zielgruppe (Wissenschaftler, Politiker, Rentner, Schüler, Familie) je vier Typologien. Wir fingen an, uns in die Zielgruppe Familie hineinzuversetzen. Was machen die User von Thru.de beruflich, in ihrem Privatleben, was für Hobbies haben sie, wie sieht ihr Familienstand aus und welche Gründe könnten sie haben, sich auf Thru.de zu informieren. Die unterschiedlichen Szenarien haben uns geholfen, ein passendes CI für das Umweltportal zu entwickeln.

–

.. 02  PROFILKRITERIEN

.. persönlich
.. minimal
.. vertrauenswürdig
.. sonnenklar
.. unverwechselbar
–

.. 03  POSITIONIERUNG

Thru.de ist ein Informationsregister, in dem sich die Öffentlichkeit, Wissenschaftler sowie Behörden über Emissionen in Luft, Boden und Wasser informieren können. Die Aufgabe des Portals ist, freigesetzte Emissionen, die einen jährlichen Grenzwert überschreiten, zu registrieren und zu veröffentlichen. Somit wird dem User die Möglichkeit geboten, aktiv am Umweltgeschehen mitzuwirken und sich nach Bedarf intensiv mit dem Thema auseinanderzusetzen.
–

.. 04  NAMING

Innerhalb des Kurses fand eine wochenlange Namenssuche statt, da der vorhergehende Name PRTR vieles und nichts vermuten ließ. Am Ende haben wir uns in der Seminargruppe für zwei Favoriten entschieden, die wir für den Corporate Design Prozess verwenden wollten: EFA oder THRU.DE.

Wir entschieden uns für Thru.de, die Göttin der Wiesen, Wälder und Bäumen. Zum Einen fanden wir diese Verbindung sehr passend und zum Anderen haben wir uns zum Ziel gesetzt, dem Portal ein Gesicht zugeben. Eine freundliche, ältere Frau – unsere erste Assoziation – soll dem doch sehr trockenem Thema einen Charme vermitteln und dem User mit Rat und Tat zur Seite stehen.
-

.. 05  MOODBOARD

Das Logo ist ein grafisches Wortzeichen eines Unternehmens und Teil des visuellen Erscheinungsbildes. Wir haben uns für ein rein typografisches Logo entschieden, da auf der Homepage die Thrude in Form eines Avatar zum Einsatz kommt.

Die Schriftart unserer Wortmarke ist die 176MKSD von Maniackers Design. Wir haben Modifikationen in Form von Rundungen an allen Endungen der Buchstaben vorgenommen. Des Weiteren haben wir eine Ligatur zwischen “r” und “u” hergestellt. Der Punkt des WebAccounts integrierten wir in das “d” – symbolisch für Information, Kreislauf und Teilchen.

Die Schriftart für den Slogan ist die Profile. Der Schriftzug wurde zur besseren Lesbarkeit leicht spationiert. Der Abstand zwischen Slogan und Wortmarke ist Maßstab für alle weiteren Abstände.
–
–
–
–
–

.. 02 FARBKLIMA

–
–

Primärfarben
Als Primärfarben haben wir die drei Farben unseres Logos definiert:
Rabenschwarz – es wirkt funktional, sachlich und modern – drei Charakteristika, die Thru.de ausmachen. Im Kontrast dazu steht Lilienweiß. Sie wirkt rein und sauber. Als Akzentfarbe wir Atlantikblau mit Freundlichkeit, Zuverlässigkeit und Sympathie verbunden.
Rabenschwarz soll hauptächlich im Fließtext Verwendung finden. Der hohe Weißanteil bestimmt maßgeblich den Markenauftritt von Thru.de. Atlantikblau wird vorwiegend in der Typografie als Akzentfarbe eingesetzt.oll

Sekundärfarben
Die vier Sekundärfarben sind an der Natur orientiert.  Bohnengrün und Froschgrün wird als frisch und natürlich empfunden. Maisgelb ist die Farbe der Sonne. Sie steht für Optimismus, Lebensfreude und Wärme. Nachtblau hat ähnliche Wirkungen und Assoziationen wie Atlantikblau. Alle Sekundärfarben haben fest definierte Farbabstufungen, die hauptsächlich in Infografiken oder Ähnlichem zum Einsatz kommen sollen.

Unsere Bildsprache definiert sich durch großflächige und stark leuchtende Aufnahmen. Dies wird durch Überlagerungen erzielt. Zuerst wird das Motiv mit dem passenden Ausschnitt gewählt. Dann wird das gleiche Motive in einem gängigen Fotobearbeitungsprogramm so verändert, dass es stark überbelichtet wirkt. Beide Motive werden multipliziert übereinander gelegt, wobei sich das überbelichtete Foto oben drauf befindet. Achtung, sie müssen genau auf einander liegen.

–
–
–
–

Bei Naturaufnahmen wollen wir auf die üblichen Industrie- und Landschaftsfotos verzichten und aufzeigen, dass sich auch Schadstoffe in anfangs schönwirkenden Gegenden befinden können. Die Konzentration liegt auf einen interessanten Ausschnitt.

Um eine räumliche Wirkung zu erzielen, wird wenn möglich mit der Schärfentiefe gespielt. Das Motiv sollte zum Anfang und Ende hin unscharf dargestellt und nur in der optischen Mitte scharf gezeigt werden.
–
–
–
–

.. 04  SCHRIFTEN

Die Profile von Martin Wenzel (1999) haben wir aufgrund ihrer sehr guten Lesbarkeit für den Fließtext gewählt. Sie besitzt eine gut ausgebaute Schriftfamilie. Sie wirkt schlicht und einfach, jedoch beim genaueren Hinsehen erkennt man kleine Raffinessen, wie beispielsweise beim “Q”, “g” oder “u”. Des Weiteren sind die kritischen Verbindungen gut gelöst. Die Verwechslungsgefahr zwischen “I” und “l” ist gering, die Proportionen von “h” und “n” sind deutlich von einander unterscheidbar  und die Ähnlichkeit zwischen “a”, “d” und “g” ist nicht gegeben.

–
–
–
Als Auszeichnungsschrift haben wir die Vollkorn von Friedrich Althausen (2006) gewählt. Sie besitzt ähnliche Raffinessen wir die Profile. Dadurch wirkt sie als Serifenschrift nicht zu klassisch und steht im guten Kontrast zur Profile. Bei ihr besteht ebenfalls keine Verwechslungsgefahr zwischen “I” und “l”, die Proportionen von “h” und “n” sind deutlich von einander zu unterscheiden und Ähnlichkeiten zwischen “a”, “d” und “g” sind nicht gegeben.

––
–
–
–
–
–
–
.. 05  GRAFISCHE ELEMENTE

Als grafisches Element kommt der Punkt als fünftes Element aus der Wortmarke, sowie die Thrude zum Einsatz.

Punkt
Zum einen kann er in Bildmaterial als Rasterpunkt eingesetzt werden (siehe Titelseite der Broschüre), zum anderen hat er in der Website eine wichtige Rolle. Die Größe des Punktes wird je nach Verwendung angepasst. Verwendungsbeispiele wären:

- Zeichen für Aufzählungen
- Rasterpunkt
- Grafisches Element: Kreis
- Button beim Webauftritt

Punktlinie
Bei sämtlichen Publikationen wird als Trennlinie stets eine gepunktete Linie verwendet. Sie greift den Punkt aus dem Logo wieder auf und trägt somit zu einem einheitlichen Erscheinungsbild bei.

Thrude
Der Name des Portals ist gleichfalls der Name unseres Avatars. Eine liebe, etwas rundliche, ältere Dame, die mit ihrer Brille auf der Nase eine Hilfefunktion im Webauftritt bekommt. Sie wirkt wie die nette, alte Dame von nebenan, die einem mit Rat und Tat zur Seite steht.

Der Aufbau von Titelseiten für Broschüren und Faltblätter folgt einem bestimmten Layoutprinzip. Das Raster ist für alle Medien gleich. Es besteht stets aus 12 Spalten mit vier mm Spaltenabstand.

Typografie

Ein wichtiges Element bei der Gestaltung von Broschüren ist die Typografie. Sowohl Broschürentitel, als auch die Überschriften der Innenseiten werden in der Vollkorn gesetzt. Die Schriftgröße auf der Titelseite wird je nach Optik bestimmt, die der Innenseiten beträgt 32 pt.
Auf Grund einer besseren Lesbarkeit wird der Fließtext 2-Spaltig in der Profile Light gesetzt. Die Schriftgröße beträgt 9,5 pt mit einem Zeilenabstand von 12 pt.

Generell gilt …

… Headlines werden in Vollkorn gesetzt und haben eine Schriftgröße von 32 pt
… Subheadlines ebenfalls in der Vollkorn, Schriftgröße 12 pt, farbig hervorheben
… Fließtext stets in 9,5 pt, Zeilenabstand 12 pt
… Spaltenbreite beträgt immer 75,233 mm (5 Spalten)
–
–
–
–
–
–
-
-–

.. 02 KOMPOSITIONSPRINZIPIEN

In der Broschüre sollen hauptsächlich großflächige Bilder zum Einsatz kommen, die das Image von Thru.de wiederspiegeln. Keine düsteren Szenarien, eher Naturaufnahmen, wie sie im Alltag vorkommen. Sie sollen aufzeigen, dass selbst dort, wo man keine Schadstoffe vermutet, auch welche vorkommen können.

Während die Titelseiten optisch durch das 5. Element (Punkt) nur wenig Bildmaterial aufweist und somit eher leicht wirkt, spielt bei der Gestaltung der Innenseiten die Bilder eine große Rolle. Aber auch auf den Innenseiten herrscht viel Weißraum vor. Er sollte bewusst als Gestaltungsmittel eingesetzt werden. Dem zu Folge werden farbige Flächen reduziert, als Akzente genutzt.
–

.. 03 BEISPIELSEITEN

Szenario- Jens, 39 Jahre alt, Chemieingenieur, hat ein neues Jobangebot bekommen und sucht nun für sich und seine Familie ein neues zuhause. Hierfür möchte er gern mehr Informationen über die umliegenden Industrien erhalten und gleichzeitig auch seine Kinder für dieses Thema sensibilisieren. Durch einen Arbeitskollegen kennt er das neue Emissionsregister PRTR des Umweltbundesamtes und findet hier alles was er wissen möchte!

.. 02 Evaluation

————————————————————————————————————————————————————————————————————————————————————————————————————- ..03 Optimierungsempfehlungen

.. 01 Sitemap

Nachdem die Evaluierung und deren Auswertung abgeschlossen wurde, ging es an die Überarbeitung der Website. Der erste Schritt hierfür war die Umstrukturierung der Navigation.

Die Sitemap zeigt die neue Navigationstruktur.

——————————————————————————————————————————————–

.. 02 WIREFRAME ENTWURF

——————————————————————————————————————————————–

.. 03 WEBDESIGN

Unsere Gruppe hat sich mit der Gestaltung der Navigationspunkte beschäftigt:

.. Home

.. Karte (und Icons)

.. Hilfe (und “Frag’ einfach Thru,de”)

.. Impressum

——————————————————————————————————————————————————

In dieser PDF (1,2MB) gibt es Screenshots des Films.

——————————————————————————————————————————————————

Eine Optimierungsempfehlung von uns ist eine virtuelle Thrude. Wenn der User der Website eine Frage hat, gibt es neben den allgemeinen Hilfestellungen unter dem Button “Hilfe” auch “Frag’ einfach Thrude”. Sobald der User eine Frage in das Eingabefenster eingibt, bekommt er darauf angepasste bzw. programmierte Antworten von der charmant lächelnden Thrude!

Die Entwürfe für eine passende Thrude entstanden bereits in der Logoentwicklung. Wir wollten ganz am Anfang eine Wort-Bild-Marke erstellen, um dem zukünftigen Portal Thru.de eine persönliche Note mit hohem Widererkennungswert zu verleihen. Schlussendlich haben wir uns für eine reine Wortmarke entschieden und eben “Frag’ einfach Thude”.

Ein Beispiel in Screenshots:

——————————————————————————————————————–

.. 06 ICON-DESIGN

——————————————————————————————————————–

Um auf das neue Emissionsportal Thru.de aufmerksam zu machen bedarf es auch eine ansprechende Imagekampagne. Neben der Imagebroschüre und dem neuen Logo darf eine Plakatkampagne für das neue Erscheinungsbild nicht fehlen.

Hier einige unserer ersten Ideen:

———————————————————————————————————————————————

.. 02PLAKATSERIEN

Da Thru.de die Schadstoffe aus den drei Elementen Wasser, Boden und Luft aufweist, wollen wir diese auch als großflächige Bildmotive einsetzen, um eine Verbindung zum Thema aufzubauen. Nach vielen unterschiedlichen Ideen und Ansätzen für das Plakat haben wir uns für folgende Serie entschieden:

—————————————————————————————————————–

Der Betrachter sieht hierbei aber nicht nur die flächenfüllenden Motive, sondern neben dem Logo im unteren Bereich auch den Slogan “Ich sehe was, was du nicht siehst!”.

Bei dieser finalen Serie haben wir uns schließlich für eine folgende Aufklärungskampagne entschieden, welche nach der Startkampagne  folgen soll. Die Aufklärungskampagne besitzt, neben den gleichbleibenden Motiven, versteckte Schadstoffe, die Thru.de in dem jeweiligen Element erfasst und sichtbar macht. Zusätzlich wird Thru.de in einem kurzen Infotext vorgestellt.

—————————————————————————————————————–

—————————————————————————————————————–

—————————————————————————————————————–