Präsentation Designkonzept Website Techcom.de Präsentation Designkonzept Layout Website: Gisela Tschochner

Nun also zur Startseite... Vorbemerkung Im Folgenden sehen Sie die ersten Entwürfe für das neue Design der Website Techcom.de. Nach der einzelnen Seite im Vollbild folgen jeweils ein bis drei Seiten mit Erläuterungen. Die ganze Präsentation besteht aus 11 Folien. Die Texte sind noch nicht endgültig und sollen nur das Aussehen der Seiten verdeutlichen. Erst mit dem Feinkonzept werden die Texte festgelegt. Das Gleiche gilt für die Schaltflächen und ihre Beschriftung. Diese spiegeln die Struktur der Site wider, sind aber zum jetzigen Zeitpunkt noch vorläufig. Nun also zur Startseite...

Startseite

Schrift: Futura Condensed (Überschriften, Schaltflächen) Startseite – Erläuterung 1/3 Die Gestaltung orientiert sich an den vorhanden Printmaterialien (Broschüren, Briefpapier, Visitenkarten). Schrift: Futura Condensed (Überschriften, Schaltflächen) – modern, elegant Times New Roman (Fließtext) – klassisch, seriös, gut lesbar Farbe: Blau aus dem Logo (Abstufungen: 100, 70, 50, 20%) – seriös, technisch, beruhigend

Startseite – Erläuterung 2/3 Das Motiv des Himmels mit Wolken ist aus den Printmaterialien entnommen. – Offenheit, kann auch als Symbol für unbegrenzte Kommunikation gesehen werden Die Weltkugel stammt ebenfalls aus den Printmaterialien und hat eine ähnliche Symbolik.

Links finden sich die einzelnen Rubriken der Site. Startseite – Erläuterung 3/3 Die Navigation ist aufgeteilt auf die waagrechte Leiste im oberen Bildteil und die senkrechte Spalte links. Oben finden sich die übergeordneten Funktionen „Home“, „Sitemap“, „Kontakt“ und „English“. Links finden sich die einzelnen Rubriken der Site. Diese Aufteilung erleichtert den Benutzern die Orientierung. Sie bekommen schon auf der Startseite ohne einen einzigen Mausklick einen ersten Eindruck darüber, was sie hier erwartet. Damit zu einer Rubrikenseite...

Rubrikenseite

Nun zu einer Unterseite im Inhaltsbereich... Rubrikenseite – Erläuterung Kommt der Benutzer in einer Rubrik, klappt die Navigationsleiste links auf und zeigt deren Unterpunkte. Das erleichtert die Übersicht und ermöglicht den direkten Sprung auf die jeweiligen Seiten. Die Hauptseite der Rubriken zeigen das angeschnittene Logo von Techcom. Im oberen rechten Kreis ist ein Bild zu sehen, das für den jeweiligen Bereich steht. (z.B. das Schulungszentrum im Bereich „Schulungen“) Das Layout der Seiten ist zweispaltig angelegt. Damit lassen sich die Seiten übersichtlich gestalten. Die Texte werden nicht zu breit, was die gute Lesbarkeit sicherstellt. Nun zu einer Unterseite im Inhaltsbereich...

Unterseite

Unterseite – Erläuterung Der aktuelle Unterpunkt der Rubrik erscheint in der Navigationsleiste links farblich hervorgehoben. Damit ist immer klar, wo sich der Benutzer gerade befindet. Bei der Orientierung hilft auch die Pfadangabe in der dunkelblauen Leiste oben. Viele Benutzer sind das inzwischen vom Datei-Explorer sowie von anderen Websites gewohnt. Die Navigationsleiste links lässt ausreichend Platz für weitere Buttons. „Techcom Insider“ und weitere Zusatzbereiche lassen sich später problemlos einbinden, ohne das Design als Ganzes anpassen zu müssen.

Wie vereinbart bitten wir, uns diese bis zum 14.1. zukommen zu lassen. Schlussbemerkung Wir hoffen, Ihnen gefällt das Design, und wir sind gespannt auf Ihre Anmerkungen und Verbesserungsvorschläge. Wie vereinbart bitten wir, uns diese bis zum 14.1. zukommen zu lassen.