Dies ist eine alte Version des Handbuchs und der Pattern Library (v1). Bitte wechseln Sie zur aktuellen Version (v2).

Sonderauftritte

Allgemein

Sonderauftritte sind Microsites, große Anwendungen und sonstige Spezialfälle, die eine eigene Menü-Führung erfordern. Für diese Fälle gibt es zusätzliche Varianten des Menübereichs, passend zum Look and Feel von wien.gv.at.

Auch für diese Auftritte gelten die Corporate Design Vorgaben der Stadt Wien.

Grundsätzliche Darstellung

  • Header für Sonderauftritte sind immer so aufgebaut: Links steht der Name des Sonderauftritts, rechts das Stadt Wien Logo
  • Das Stadt Wien Logo wird ohne Zusätze eingesetzt und verlinkt auf wien.gv.at
  • Der Name des Sonderauftritts ist mit der Startseite des Sonderauftritts verlinkt (außer auf der Startseite des Sonderauftritts)
  • Sonderauftrittte haben einen eigenen Menübalken (nicht die Tag Navigation von wien.gv.at), optional kann dort auch eine Suche angezeigt werden
  • Der Suchbalken von wien.gv.at im Header wird nicht angezeigt
    • Sobald die Suche in der Lage ist, vorrangig Ergebnisse der Sonderauftritte sowie ergänzende Ergebnisse von wien.gv.at anzuzeigen, soll die Suche im Header wie auf wien.gv.at eingesetzt werden
  • Das Menü der Sonderauftritte kann in einer der CD Farben leicht (30%) eingefärbt werden, die Schrift ist dabei schwarz zu halten
    • Das aufgeklappte Menü verwendet eine der sechs CD Farben (Morgenrot, Flieder, Abendstimmung, Frischgrün, Goldgelb, Nebelgrau), aber in 100%. Die Schriftfarbe kann schwarz oder bei der Farbe Abendstimmung ausnahmsweise weiß sein
  • Bei den Menüpunkten ist darauf zu achten, dass diese nicht zu viele und nicht zu lang sind. Wir empfehlen maximal fünf Menüpunkte mit einer Titellänge von maximal 21 Zeichen

Scrollverhalten

  • Bei Scroll hinunter, wird der Header kleiner und
    • “Stadt Wien” vom Logo blendet aus und das Wappen wird verkleinert
    • der Titel des Sonderauftritts verkleinert sich
    • das Menü und alle Funktionen (Login, Sprachwahl, Suche) bleiben sichtbar
    • sämtliche Positions- und Zustandsänderungen müssen animiert sein
  • Bei Scroll hinauf, wird der Header wieder größer

Varianten

„Minimal“

  • Kein Login
  • Keine Suchfunktion
  • Keine Sprachwahl
  • Darstellung wenn ein Hauptmenüpunkt ausgeklappt ist

„Alle Funktionen“

  • Sprachwahl, Login, Suche sichtbar
  • Wenn notwendig, Blur-Effekt bei zu vielen bzw. langen Menüpunkten (Alternative: Burgermenü)
  • Keine Sprachwahl

„Suche“

  • Die Microsite bietet eine eigene Suche an. Sie ist rechts im Menü als Icon verlinkt.
  • Wenn Platz ist, ist auch ein direktes Suchfeld möglich.