WEBDESIGN

Entwürfe

Von oben nach unten die Entwürfe für die Introseite, eine Contentseite, die Kartenseite, die Optimierungsempfehlung (Schülerdownloadseite) und die Schadstoffglossarseite.

Bild 35

Bild 36

Bild 37

Bild 39

Bild 40

…..

…..

Sitemap
Die Sitemap zeigt den Vergleich der alten Navigationsstruktur des PRTR und der neuen Seite von EFA.

Bild 44

…..

Interaktionskonzept

Als Einstieg in die Seite erscheint im Browser eine Introseite, auf der auch die Sprache (Deutsch/Englisch) gewählt werden kann. Auf der ersten Contentseite erscheint die Navigation, bei der zwischen Efa, Glossar, Karte, Dokumente, Links und FAQ gewählt werden kann. Darunter erscheint jeweils das Submenü mit einzelnen Punkten (kann man der Sitemap entnehmen). Bei überfahren der Maus über die jeweilige Kategorie klappt sich das Submenü automatisch aus. Beim Anwählen einer der Punkte des Submenüs färbt sich dieser in der Primärfarbe Leuchtgrün. Damit man nicht den Überblick verliert, wo man sich gerade befindet, erscheint auf der jeweiligen Seite ein leuchtgrünes Feld mit der jeweiligen Kategorie des Submenüs. In der linken Seite der Seite befindet sich konstant ein Schnelllinkmenü, über das man zu den Links, dem Forum und dem Newsletter gelangt. Ebenfalls befindet sich dort das Suchfeld für das ganze Onlineportal und die Spracheinstellungen sowie die Option für die Größenänderung der Seite, die Druckansicht und der RSS-Feed.

Layoutraster

Bild 45

…..

Icon Design

Für die Kartenseite sollten jeweils für jeden unten angegebenen Industriezweig ein Icon entworfen werden, was die Bedeutung auf einen Blick in der Karte sichtbar macht. Wir sind mit den Farben unserem Farbklima treu geblieben und haben die Icons entsprechend der Schülerdownloadseite angepasst.

Bild 46