!!! This page and all related sub-pages are currently under construction !!!

This documentation describes the new design of the DDB Main portal as implemented in the Neustart Kultur project of 2022/23. All changes made to the design are to be documented here as well for future reference.

The Figmas used:

Clickdummy (Cosmoblonde 2022) - considered out-of-date, only used for orientation/reference
DDB (Cosmoblone 2022) - examples for entire pages and their mobile versions
- some elements are outdated
DDB ComponentsLibrary (Cosmoblonde 2022) - up-to-date elements and their mobile versions. The Styleguide is based on this one
DDB Changes (DNB 2023) - mockups for missing pages (Overview Pages, MyDDB, Calendararchive)

Components:

Global Elements

Header

Header - 2022

undergoing drastic changes as part of DDB-(Teil)Redesign 2024

Footer

Footer - 2022

undergoing drastic changes as part of DDB-(Teil)Redesign 2024

Side Menu

Main Menu / Side Menu

undergoing drastic changes as part of DDB-(Teil)Redesign 2024

Search

undergoing drastic changes as part of DDB-(Teil)Redesign 2024

Database

Object search page

undergoing drastic changes as part of DDB-(Teil)Redesign 2024

Object page

DDB-Dokumentation > DDB Frontend Documentation > Objectppage.png

	Component
1	Title and Description - Object
2	Mediaviewer
3	Metadata Accordions
4	Core Metadata
5	Sharing
6	Little Slider - Items / Editorial Content
7	Hierarchy - Object
8	Jump to Top Button

Person page

DDB-Dokumentation > DDB Frontend Documentation > Personpage.png

	Component
1	Title and Description - Person / not registered Organisation
2	Mediaviewer - Person / not registered Organisation
3	Little Slider - Items / Editorial Content
4	Metadata Blocks
5	Sharing
6	Jump to Top Button

not-registered Organisation page

DDB-Dokumentation > DDB Frontend Documentation > notRegisteredOrganisationpage.png

	Component
1	Title and Description - Person / not registered Organisation
2	Mediaviewer - Person / not registered Organisation
3	Metadata Blocks
4	Sharing
5	Jump to Top Button

registered Organisation page

DDB-Dokumentation > DDB Frontend Documentation > RegisteredOrganisationpage.png

	Component
1	Title and Description - registered Organisation
2	Mediaviewer - Map
3	Little Slider - Items / Editorial Content
4	Metadata Blocks
5	Hierarchy - Location
6	Sharing
7	Jump to Top Button

MyDDB

Account Overview

DDB-Dokumentation > DDB Frontend Documentation > AccountOverview.png

	Component
1	Title
2	User Data
3	Content Navigation
4	Slider Favorites
5	Slider Saved Searches
6	Jump to Top Button

(Public) Favorites List

DDB-Dokumentation > DDB Frontend Documentation > Favorites.png

	Component
1	Title and Description - Favorites
2	Favorites Lists Area
3	Favorites List - Functionalities
4	Favorites List - Items

Saved Searches

DDB-Dokumentation > DDB Frontend Documentation > SavedSearches.png

	Component
1	Saved Searches List

Editorial Pages

Startpage

<image>

	Component
1
2
3
4
5
6
7
8

Institutions list

DDB-Dokumentation > DDB Frontend Documentation > InstitutionsList.png

	Component
1	Header Image - generic
2	Introtext
3	Filters - editorial
4	Filters - alphabetical
5	Institutions Counter
6	Institutions List
7	Sharing
8	Jump to Top Button

Institutions map

DDB-Dokumentation > DDB Frontend Documentation > InstitutionsMap.png

	Component
1	Header Image - generic
2	Introtext
3	Filters - editorial
4	Institutions Counter
5	Institutions Map
6	Sharing
7	Jump to Top Button

Overview Pages

Dossiers

DDB-Dokumentation > DDB Frontend Documentation > OverviewDossiers.png

	Component
1	Header Image - generic
2	Introtext
3	Filters - editorial
4	Masonry Grid
5	Sharing
6	Jump to Top Button

Blog

DDB-Dokumentation > DDB Frontend Documentation > OverviewArticles.png

	Component
1	Header Image - generic
2	Introtext
3	List View - Editorial Content / Tile View - Editorial Content
4	Sharing
5	Jump to Top Button

Games

DDB-Dokumentation > DDB Frontend Documentation > OverviewGames.png

	Component
1	Header Image - generic
2	Introtext
3	Filters - editorial
4	Masonry Grid
5	Sharing
6	Jump to Top Button

Virtual Exhibitions

DDB-Dokumentation > DDB Frontend Documentation > OverviewVA.png

	Component
1	Big Slider - horizontal
2	Introtext
3	Filters - editorial
4	List View - Editorial Content / Tile View - Editorial Content
5	Sharing
6	Jump to Top Button

Content pages

Dossier

<image>

	Component
1
2
3
4

Article

<image>

	Component
1
2
3
4

Game

<image>

	Component
1
2
3
4

Gallery

<image>

	Component
1
2
3
4

Virtual Exhibition

Virtual Exhibitions have their own frontend.

Simple pages

<image>

	Component
1
2
3
4

FAQ

DDB-Dokumentation > DDB Frontend Documentation > FAQs.png

	Component
1	Header Image - generic
2	Accordion
3	Sharing Links
4	Jump to Top Button

Calendar Archive

	Component
1
2
3