You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 19 Next »

!!! 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.


Figmas:


Structure:

  • Page width (Seitenbreite) - covers entire content area, not to be confused with Content width
  • Content width (Contentbreite) - size of elements that are not sorted into a grid, structured around large portions of text
  • Screen width (Screenbreite) - covers entire screen of the user's device, mainly used for (background) images
  • Breakpoints:


FIZ

Cosmoblonde

Desktop

>1100

>1200

Tablet Landscape

>980

>992

Tablet Portrait

>760

>768

Mobile big

>560

<768

Mobile small

<560

-

  • Grid: when elements are sorted next to each other, their relations to each are are oriented based on a grid:
    • 50% / 50%
    • 25% / 25% / 25% / 25%
    • 33% / 33% / 33%
    • 66% / 33%
    • 33% / 66%


Structure:

  • Page width (Seitenbreite) - covers entire content area, not to be confused with Content width
  • Content width (Contentbreite) - size of elements that are not sorted into a grid, structured around large portions of text
  • Screen width (Screenbreite) - covers entire screen of the user's device, mainly used for (background) images
  • Breakpoints:


FIZ

Cosmoblonde

Desktop

>1100

>1200

Tablet Landscape

>980

>992

Tablet Portrait

>760

>768

Mobile big

>560

<768

Mobile small

<560

-

  • Grid: when elements are sorted next to each other, their relations to each are are oriented based on a grid:
    • 50% / 50%
    • 25% / 25% / 25% / 25%
    • 33% / 33% / 33%
    • 66% / 33%
    • 33% / 66%


Components:

Global Elements

Header

Header - 2022

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

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


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


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

Person page


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

not-registered Organisation page


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

registered Organisation page


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

MyDDB

Account Overview


Component
1Breadcrumb Navigation
2Title
3User Data
4Content Navigation
5

Slider Favorites

6

Slider Saved Searches

7

Jump to Top Button

(Public) Favorites List


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

Saved Searches


Component
1Breadcrumb Navigation
2Saved Searches List

Editorial Pages

Startpage

<image>


Component
1
2
3
4
5
6
7
8

Institutions list


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

Institutions map


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

Overview Pages

Dossiers


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

Blog


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

Games


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

Virtual Exhibitions


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


Content pages

Dossier


Component
1Big Slider - horizontal
2Breadcrumb Navigation
3Introtext
4Masonry Grid
5Sharing
6Jump to Top Button

Article


Component
1Big Slider - horizontal
2Breadcrumb Navigation
3Introtext
4Content Navigation
5Text & Media Element
6Text 
7Selected Objects
8Quote
9Text
10Image Gallery
11Text
12Gallery Paragraph
13Sharing
14Jump to Top Button

Game


Component
1Header Image - generic
2Breadcrumb Navigation
3Introtext
4Game
5Accordion (variation)
6Sharing
7Jump to Top Button


Component
1Header Image - specific
2Breadcrumb Navigation
3Introtext
4Masonry Grid
5Sharing
6Jump to Top Button

Virtual Exhibition

Virtual Exhibitions have their own frontend.

FAQ


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

Calendar Archive


Component
1Breadcrumb Navigation
2Title and Description - Calendar
3Filters - Calendar
4List View - Items
5Sharing
6Jump to Top Button
  • No labels