Corporate Design h_da [Website] Ivonne Nordhausen [IT-Dienste- und -Anwendungen]

Transkript

1 Corporate Design h_da [Website] Ivonne Nordhausen []

2 Corporate Design h_da [Website] CD Basis Grundkonzept Farbsystem Seitenkonzept Bilder Ivonne Nordhausen [

3 1. CD Basis Grundkonzept Farben Seitenkonzept Bilder Ivonne Nordhausen [

4 . Grundkonzept Zielgruppenorientierung durch Angebotsorientierung Schlanker Auftritt Webauftritt: externe Zielgruppen Intranet: interne Zielgruppen Ivonne Nordhausen [

5 . Farbkonzept Farben der h_da-seiten CD Farben der h_da Farbleitsystem Ivonne Nordhausen [

6 .1 Farbkonzept Ivonne Nordhausen [

7 .1 Farbkonzept Ivonne Nordhausen [

8 . Farbkonzept Ivonne Nordhausen [

9 . Seitenkonzept Seitenkonzept wird durch unterschiedliche Seitentypen (Layouttypen) umgesetzt: Startseite (Fachbereichs- / Einrichtungsseite) Standardseite Standardseite ohne Navigation Standardseite ohne <h1>-überschrift Standardseite breit Standardeite breit ohne Navigation Ivonne Nordhausen [

10 .1 Seitenkonzept - Startseite Die Startseite ist das Aushängeschild der h_da zeigt Neuigkeiten aus der Hochschule Übergreifende Termine (nicht fachbereichsgebunden, nicht intern) Temporäre Hinweise auf Themen oder Veranstaltungen Banner Ivonne Nordhausen [

11 .1 Seitenkonzept - Startseite 1 Ivonne Nordhausen [

12 . Seitenkonzept - Standardseite Seitenaufteilung: linke Spalte: Navigation mittlere Spalte: hauptsächlicher Inhalt rechts: weiterführende Informationen Weiterführende Informationen sind: Kontakte, Downloads, weiterführende Links, aber auch kurze Informationen wie Sprechzeiten, usw. Ivonne Nordhausen [

13 . Seitenkonzept - Standardseite Ivonne Nordhausen [

14 . Seitenkonzept - Einspalter Seitenaufteilung: linke Spalte: Navigation mittlere (breite) Spalte: hauptsächlicher Inhalt Seitentyp für spezielle Extension (academics) Tabellen Wissenschaftliche Arbeiten zu präsentieren (+ erforderlich: Grid- Elements (beispielsweise -Spalter) Ivonne Nordhausen [

15 . Seitenkonzept - Einspalter Ivonne Nordhausen [

16 . Seitenkonzept - Seitenbild Die mittlere Spalte im Detail: Das Seitenbild Seitenbild: Ist nicht unbedingt nötig, sollte jedoch bei der ersten Seite im Seitenbaum eingesetzt werden. Bilder aus dem h_da- Bilderpool verwenden: fotopool.h-da.de Größe beachten: 0 x 00 Pixel (Zuschnitt mit Bildbearbeitungsprogramm) Ivonne Nordhausen [

17 . Seitenkonzept - Überschriften Die mittlere Spalte im Detail: Überschriften Seitenüberschrift ist groß und farbig in H1 Die Seitenüberschrift wird aus dem Seitennamen generiert. Optional kann ein Seitenname auch über Untertitel in den Seiteneigenschaften gesetzt werden Alle weiteren Überschriften auf der Seite sind Zwischenüberschriften und werden als solche angewählt H H H Ivonne Nordhausen [

18 . Seitenkonzept - Inhalte Die mittlere Spalte im Detail: Der Text Zielgruppengerecht schreiben: Für wen schreibe ich? Studieninteressierte, Studierende, Firmenkontakt, Bürokratische Ausdrücke vermeiden Texte möglichst kurz und prägnant formulieren Gerne Aufzählungen einfügen und/oder Verlinkungen einfügen Wichtig: Keine Grafiken oder Bilder im Textbereich! Ivonne Nordhausen [

19 .7 Seitenkonzept - rechte Spalte Kontakte Weiterführende Links Weiterführende Informationen Hervorhebungen Button-, Info-, Video-, und Bilderboxen Auch hier: Keine Grafiken oder Bilder einsetzen! Ivonne Nordhausen [

20 .7 Seitenkonzept rechte Spalte Wenn möglich die Personendatenbank verwenden Immer den Titel Kontakt verwenden! Pflege verringern: Zentralen Kontakt anlegen und über den Inhaltstypen Datensatz einfügen referenzieren Ivonne Nordhausen [

21 .7 Seitenkonzept rechte Spalte Button- und Infobox zum Infobox hervorheben und strukturieren Nicht untereinander anordnen! Nicht mehr als zwei Boxen verwenden je Seite verwenden Nicht zu viel Text (Infoboxen sollten nicht höher als breit sein) Buttonbox Hervorgehobener Link Box klickbar Verlinkung: Extern, Intern, Download Buttonbox Ivonne Nordhausen [ Infobox

22 .8 Bilder Slider-Bild (Startseite): 100 x 00 Pixel Bannerbild: 0 x 100 Pixel Seitenbild (Startseite): 0 x 00 Pixel Ivonne Nordhausen [

23 . Fragen 1 Weitere Unterlagen: h-da.de/webdienste Externe Schulungsunterlagen von jweiland.net: fuer-redakteure.html Ivonne Nordhausen [

24 Vielen Dank für Ihre Aufmerksamkeit Ivonne Nordhausen []