• global element that is displayed on all pages
    • search layer is opened by default on the startpage and the search-result page
  • the main menu points are permanently visible in the header
    • they can have three states: "passive", "hover" (underlined) and "selected" (bold)
  • in the mobile version, the meta-navigation (simple language, sign language language selector) are moved to a burger menu and not displayed in the initial header
  • discussed in: DDB-(Teil)Redesign 2024


Header - Desktop view:

Header - responsive view:

Account dialog:

Elements

ID

Title

Show?

Action

Changes

Tickets

1

logo

always

directs user to startpage

//

2

sign language

always

directs user to sign language page

//

3

simple language

always

directs user to simple language page

//

4

language selector

always

changes language of the page, active language is bold

currently a toggle, should be 2 links for accessibility reasons/

5

Navigation - Main Menu / Side Menu - 2024

6a

user area

(not logged in)

always

opens Lightbox - Account - Sign in

//

6b

user area

(logged in) with user name

always

opens account dialog

/
7

search field toggle

 always

by default: button is inactive, the search module is collapsed (not visible)

The button is active by default on the startpage and the search-result page

clicking on the button: the search module is expanded (visible), pushing the remaining content of the page down, opens Search Module - 2024

//

Responsive View

  • 2, 3, 4 and 5 are moved into a side menu


Other Changes


Figma

Header - Robert Mikuljan (2024)

Account dialog - Robert Mikuljan (2024)