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. Startseite 2
B. Über achtung! 2
B.1. Persönlichkeit 3
B.2. Fakten 3
B.3. Auszeichnungen 4
B.4. Management 4
B.4.1. Management-Detail 5
B.5. Standorte 5
C. Portfolio 6
C.1. Profil 6
C.2. Kompetenzen 7
D. Referenzen 8
D.1. Projektbeispiele 8
D.1.1. Projekt-Detail 9
D.2. Kundenliste 10
E. Newsroom 10
E.1. Newsdetail 11
F. Karriere 11
F.1. Darum achtung! 11
F.2. Offene Stellen 12
F.2.1. Stellenausschreibung 12
F.3. Volontariat 13
F.4. Praktikum 13
F.5. achtung! akademie 14
F.6. Bewerbung 14
G. Kontakt 15
G.1. Impressum 15
G.2. Datenschutz 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-Text-
Teasern, 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 » <Headline>

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 Inhalt

Bemerkungen
 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