• the main menu points are permanently visible in the header
    • they can have three states: "passive", "hover" (underlined) and "selected" (bold)
  • clicking on a main menu point opens the dropdown menues, which contain content based on their respective main menu point
    • they can have three states: "passive", "hover" (red) and "selected (bold)
  • in mobile view, the main menu turns into a side menu, which opens by clicking on the hamburger icon
  • from Drupal, cached until manual reset: DDB Frontend Documentation
  • the pages in the side menu that have a "+" have subpages which can be accessed by clicking on the "+"
    • clicking on a menu item directs the user to the page.
    • the menu items can have three states: "passive", "hover" (red) and "selected" (bold)
    • a "selected" page remains selected even if the menu is closed
    • discussed in: DDB-(Teil)Redesign 2024


Main Menu in Header / Desktop view:

Side Menu / responsive view:

Dropdown Menues:

Elements

ID

Title

Show?

Action

Changes

Tickets

1

"About us" menu pointalways

dropdown to open "Über uns", will contain links to editorial content (such as "Who we are" and "How we are organized") and frontend pages ("Participating cultural institutions" (a.k.a. Institutions List))

//

2

"Discover new content" menu pointalwaysdropdown to open "Inhalte entdecken", will contain links to overview pages to editorial content (such as "Dossiers", "Virtual Exhibitions", "Blog", "Games", "Calendar sheet")//

3

"Tips for use" menu pointalwaysdropdown to open the "Tipps zur Nutzung", will contain links to editorial content (such as "How to search in the portal", "Search Tips...")//

Responsive View

  • becomes a side menu in responsive view


Other Changes

  • implementation
  • remove the old navigation menues
  • active button state:

Figma

Header - Robert Mikuljan (2024)

Dropdown menues - Robert Mikuljan (2024)