achtung! interaktiv Stand 09.04.2009
Storyboard achtung.de Version 1 In diesem Storyboard werden alle Seiten des neuen Internetauftritts von achtung! nach den jeweiligen Bereichen und Inhalten beschrieben. Damit sind keine Designentscheidungen getroffen, sondern nur die inhaltlichen Anforderungen für das Design definiert.
A. B.
C. D.
E. F.
Startseite Über achtung!
2 2
B.1. B.2. B.3. B.4.
Persönlichkeit Fakten Auszeichnungen Management B.4.1. Management-Detail B.5. Standorte
3 3 4 4 5 5
Portfolio
6
C.1. Profil C.2. Kompetenzen
6 7
Referenzen
8
D.1. Projektbeispiele D.1.1. Projekt-Detail D.2. Kundenliste
8 9 10
Newsroom
10
E.1. Newsdetail
11
Karriere F.1. Darum achtung! F.2. Offene Stellen F.2.1. Stellenausschreibung F.3. Volontariat F.4. Praktikum F.5. achtung! akademie F.6. Bewerbung
G. Kontakt G.1. Impressum G.2. Datenschutz
11 11 12 12 13 13 14 14
15 15 16
A. Startseite Bereich
Inhalt
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
achtung! räume und menschen, evtl. als Slideshow
Breadcrumb
–
Content primär
Willkommenstext, flexible Belegung des restlichen Platzes mit 1–5 Bild-TextTeasern, die unterschiedlich gewichtet sind.
Content sekundär
Der sekundäre Contentbereich wird nicht gesondert behandelt. Der Contentbereich erstreckt sich dementsprechend über die gesamte Breite.
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
B. Über achtung! Bereich
Inhalt
Bemerkungen
Eine eigenständige Seite „Über achtung!“ gibt es nicht. Stattdessen leitet der Hauptpunkt direkt auf die erste Bereichsseite „Persönlichkeit“
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Persönlichkeit, Fakten, Auszeichnungen, Management, Standorte
Keyvisual
achtung! räume und menschen, evtl. als Slideshow
Breadcrumb
Startseite » Über achtung! » Persönlichkeit
Content primär
siehe B.1. Persönlichkeit
Content sekundär
siehe B.1. Persönlichkeit
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
B.1. Persönlichkeit Bereich
Inhalt
Bemerkungen
Hier wird textlich beschrieben, wofür achtung! steht und wie die Philosophie von achtung! ist.
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Persönlichkeit, Fakten, Auszeichnungen, Management, Standorte
Keyvisual
Wie im gesamten Bereich
Breadcrumb
Startseite » Über achtung! » Persönlichkeit
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er)
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio, F.1. Darum achtung!
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
B.2. Fakten Bereich
Inhalt
Bemerkungen
Darstellung von achtung! anhand von Daten und Zahlen in Listenform
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Persönlichkeit, Fakten, Auszeichnungen, Management, Standorte
Keyvisual
Wie im gesamten Bereich
Breadcrumb
Startseite » Über achtung! » Fakten
Content primär
Headline, Subline, Abstract, Liste mit Bulletts
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio, F.1. Darum achtung!
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
B.3. Auszeichnungen Bereich
Inhalt
Bemerkungen
Hier werden die errungenen Erfolge bei Wettbewerben/Awards in Listenfolm mit Bildern dargestellt.
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Persönlichkeit, Fakten, Auszeichnungen, Management, Standorte
Keyvisual
Wie im gesamten Bereich
Breadcrumb
Startseite » Über achtung! » Auszeichnungen
Content primär
Headline, Subline, Abstract, Liste mit Bulletts und Bildern (der Preise). Vond en jeweiligen Einträgen wird auf die entsprechende Seite des Siegerprojekts im Bereich Referenzen verlinkt.
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio, F.1. Darum achtung!
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
B.4. Management Bereich
Inhalt
Bemerkungen
Hier wird nach einem kurzen Einführungstext das Führungsteam von achtung! dargestellt, nicht nur die GF, sondern auch bis auf Direktorenebene. Die Darstellung erfolgt über Portraits mit vollflächiger Verlinkung zur Detailseite B.4.1.
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Persönlichkeit, Fakten, Auszeichnungen, Management, Standorte Filter: nach den Labels/Töchtern/Disziplinen, Default ist achtung! gruppe
Keyvisual
Wie im gesamten Bereich
Breadcrumb
Startseite » Über achtung! » Management
Bereich
Inhalt
Content primär
Headline, Subline, Abstract, alle Portraits der Führungskräfte mit Namen und Position als Mouseover.
Content sekundär
Nutzung der gesamten Breite für die Management-Bilder
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
B.4.1. Management-Detail Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Persönlichkeit, Fakten, Auszeichnungen, Management, Standorte Der Filter wird ausgeblendet, weil es an dieser Stelle keinen Sinn machen würde. Allerdings muss die Information über den zuvor gewählten Filter erhalten bleiben, um beim Backlink den Filter wieder richtig zu setzen.
Keyvisual
Wie im gesamten Bereich
Breadcrumb
Startseite » Über achtung! » Management (keine Darstellung der 4. Ebene)
Content primär
Name als Headline, Position als Subline, Abstract, großes Portrait der jeweiligen Führungskraft, Kurztext über die Person mit Kontaktmöglichkeiten (Telefon, E-Mail)
Content sekundär
Related Links Box mit Textteasern zu ausgesuchten Projekten der betreffenden Person
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
B.5. Standorte Bereich
Inhalt
Bemerkungen
Hier werden die beiden Standorte von achtung! mit den entsprechenden Kontaktmöglichkeiten dargestellt.
Metanavigation
Impressum, Datenschutz
Bereich
Inhalt
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Persönlichkeit, Fakten, Auszeichnungen, Management, Standorte
Keyvisual
Wie im gesamten Bereich
Breadcrumb
Startseite » Über achtung! » Standorte
Content primär
2x jeweils Headline, Google-Map mit vollständiger Adresse
Content sekundär
Die gesamte Breite kann für die Map-Darstellung genutzt werden.
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
C. Portfolio Bereich
Inhalt
Bemerkungen
Eine eigenständige Seite „Portfolio“ gibt es nicht. Stattdessen leitet der Hauptpunkt direkt auf die erste Bereichsseite „Profil“. Hier wird auf allen Seiten der Filter über die Labels/Disziplinen/Töchter angezeigt.
Metanavigation
Impressum, Datenschutz
Hauptnavigation
siehe C.1. Profil
Keyvisual
tbd.
Breadcrumb
Startseite » Portfolio » Profil
Content primär
siehe C.1. Profil
Content sekundär
siehe C.1. Profil
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
C.1. Profil Bereich
Inhalt
Bemerkungen
Hier wird je nach Filtereinstellung die Gruppe als Ganzes und die jeweiligen Labels/Disziplinen/Töchtern im Einzelnen hinsichtlich des Marktauftritts und Anspruchs beschrieben. Auf der Seite C.2. Kompetenzen hingegen werden die konkreten Leistungen explizit und eher in Listenform genannt.
Bereich
Inhalt
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Profil, Kompetenzen Filter nach Labels/Disziplinen/Töchtern
Keyvisual
tbd.
Breadcrumb
Startseite » Portfolio » Profil
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er)
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4.1. Management-Detail, D.1. Projektbeispiele, F.1. Darum achtung!
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
C.2. Kompetenzen Bereich
Inhalt
Bemerkungen
Hier werden je nach Filtereinstellung die konkreten Angebote und Kompetenzen der Gruppe als Ganzes oder der jeweiligen Labels/Disziplinen/ Töchtern im Einzelnen genannt.
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Profil, Kompetenzen Filter nach Labels/Disziplinen/Töchtern
Keyvisual
tbd.
Breadcrumb
Startseite » Portfolio » Kompetenzen
Content primär
Headline, Subline, Abstract, Liste mit Bulletts
Bereich
Inhalt
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4.1. Management-Detail, D.1. Projektbeispiele, F.1. Darum achtung!
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
D. Referenzen Bereich
Inhalt
Bemerkungen
Eine eigenständige Seite „Referenzen“ gibt es nicht. Stattdessen leitet der Hauptpunkt direkt auf die erste Bereichsseite „Projektbeispiele“. Hier wird auf allen Seiten der Filter über die Labels/Disziplinen/Töchter angezeigt.
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Projektbeispiele, Kundenliste
Keyvisual
tbd.
Breadcrumb
Startseite » Referenzen » Projektbeispiele
Content primär
siehe D.1. Projektbeispiele
Content sekundär
siehe D.1. Projektbeispiele
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
D.1. Projektbeispiele Bereich
Inhalt
Bemerkungen
Hier werden relevante Projekte aufgelistet. Die Projekte sind nach Kunden gruppiert.
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Projektbeispiele, Kundenliste
Bereich
Inhalt
Keyvisual
tbd.
Breadcrumb
Startseite » Referenzen » Projektbeispiele
Content primär
Headline, Subline, Abstract, Logobilder der Kunden, für die Beispielprojekte dargestellt werde sollen, mit Mouseover für alle Projektnamen zu dem betreffenden Kundenlogo. Die einzelnen Namen sind verlinkt mit den betreffenden Seiten D.1.1., also den Details.
Content sekundär
Die gesamte Breite steht für die Darstellung der Kundenlogos zur Verfügung.
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
D.1.1. Projekt-Detail Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Projektbeispiele, Kundenliste
Keyvisual
tbd.
Breadcrumb
Startseite » Referenzen » Projektbeispiele
Content primär
Headline, Subline, Abstract, Logobild des betreffenden Kunden, Text mit Zwisschen-Headlines. Dazu Multimedia-Links für Bildergalerie oder Video, jeweils über Lightview eingebunden.
Content sekundär
Related Links Box mit Textteasern zu zwei Aspekten: B.4.1. Management-Detail als Kontaktmöglichkeit, weitere D.1.1. als Verweise auf ähnliche Projekte (Projekte desselben Kunden oder gleichartige Projekte anderer Kunden)
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
D.2. Kundenliste Bereich
Inhalt
Bemerkungen
Hier werden alle Kundenlogos nach Branchen gruppiert aufgelistet. Innerhalb einer Branche sind die Logos alphabetisch nach den Firmennamen sortiert
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt Subnavi: Projektbeispiele, Kundenliste
Keyvisual
Kein Keyvisual
Breadcrumb
Startseite » Referenzen » Kundenliste
Content primär
Headline, Subline, Abstract, Logobilder aller Kunden, gruppiert nach den achtung! branchen-teams
Content sekundär
Die gesamte Breite kann für die Logodarstellung verwendet werden.
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
E. Newsroom Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
Kein Keyvisual
Breadcrumb
Startseite » Newsroom
Content primär
folgt
Content sekundär
folgt
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
E.1. Newsdetail Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
Kein Keyvisual
Breadcrumb
Startseite » Newsroom »
Content primär
folgt
Content sekundär
folgt
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
F. Karriere Bereich
Inhalt
Bemerkungen
Eine eigenständige Seite „Karriere“ gibt es nicht. Stattdessen leitet der Hauptpunkt direkt auf die erste Bereichsseite „Darum achtung!“.
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Karriere » Darum achtung!
Content primär
siehe F.1. Darum achtung!
Content sekundär
siehe F.1. Darum achtung!
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
F.1. Darum achtung! Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Bereich
Inhalt
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Karriere » Darum achtung!
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er)
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio, F.2. Offene Stellen
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
F.2. Offene Stellen Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Karriere » Offene Stellen
Content primär
Headline, Subline, Abstract, Liste aller offenen Stellen mit Verlinkung auf F. 2.1.
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
F.2.1. Stellenausschreibung Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Bereich
Inhalt
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Karriere » Offene Stellen
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er)
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
F.3. Volontariat Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Karriere » Volontariat
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er)
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
F.4. Praktikum Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Bereich
Inhalt
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Karriere » Praktikum
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er)
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
F.5. achtung! akademie Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Karriere » achtung! akademie
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er)
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
F.6. Bewerbung Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Bereich
Inhalt
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Karriere » Bewerbung
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er)
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
G. Kontakt Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Kontakt
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er). Hier werden alle relevanten Adressdaten der beiden Standorte aufgelistet
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
G.1. Impressum Bereich Bemerkungen
Inhalt
Bereich
Inhalt
Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Impressum
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er).
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks
G.2. Datenschutz Bereich
Inhalt
Bemerkungen Metanavigation
Impressum, Datenschutz
Hauptnavigation
Über achtung!, Portfolio, Referenzen, Newsroom, Karriere, Kontakt
Keyvisual
tbd.
Breadcrumb
Startseite » Datenschutz
Content primär
Headline, Subline, Abstract, Text mit Leerzeilen und Zwischenheadlines, Bild(er).
Content sekundär
Related Links Box mit Textteasern zu den folgenden Seiten: E.1. Topnews, B.4. Management, C. Portfolio
Footer
Wiederholung der Haupt- und Metanavigation als schlichte Textlinks