Das diesjährige Abschlussprojekt des MI-Moduls Screendesign beschäftigt sich mit dem redaktionellen Bereich des Cranach Digital Archive’s (CDA). Das zu erstellende Designkonzept soll die Startseite, das bestehende Navigationskonzept und die Inhaltsseiten (Bsp.: “Über Lucas Cranach”) des redaktionellen Bereichs überarbeiten und an das bestehende Design von bereits überarbeiteten Elementen des CDAs (Bsp.: Suche) anpassen.
Das Redesign des CDA ist modern, aufgeräumt und zielführend gestaltet. Das Layout folgt einem definierten Raster mit sechs Spalten und einer maximalen horizontalen Breite von 960 Pixeln (siehe Abb. 2 & 4). Die Abstände innerhalb des Designs basieren auf Vielfachen von vier, um eine harmonische Gestaltung zu gewährleisten. Die Typographie orientiert sich am bestehenden Styleguide und nutzt die Schriftart IBM Plex Sans. Es kommen sechs definierte Textstile zum Einsatz: Title, Heading, Subheading, Mengentext, Fett und Caption. Die Farbgebung basiert ebenfalls auf dem vorhandenen Styleguide und umfasst einen weißen (Hex: f2f2f2) und dunkelgrauen (Hex: 222222) Hintergrund sowie eine gelbe Akzentfarbe (Hex: FEB701). Animationen, insbesondere Hovereffekte, verbessern die Interaktion mit Buttons, Dropdowns und weiteren interaktiven Elementen.
Die Startseite gliedert sich in mehrere Bereiche. Der Header enthält an führender Kante ein CDA-Logo, sowie an nachfolgender Kante die Hauptnavigation. Diese besteht aus Direktlinks, beispielsweise zur Suchfunktion, und Dropdown-Menüs für tiefergehende Inhalte wie Cranach und Luther (siehe Abb. 3). Im Hero wird eine Einführung in das CDA gegeben, ein Direktlink zur Suche bereitgestellt sowie ausgewählte Artefakte des CDA vorgestellt, welche über eindeutige Navigationselemente durchlaufen werden können (siehe Abb. 3). Im Contentbereich werden aktuelle Artikel angezeigt. Diese Artikel werden als Boxen mit Vorschaubild und Datum dargestellt und können ebenfalls mit bereits im Header verwendeten Navigationselementen durchlaufen werden (siehe Abb. 4). Zudem gibt es erste Informationen zum CDA mit einem Call-to-Action zu weiterführenden Details. Ebenso werden CDA-Partner vorgestellt, ebenfalls mit einem Call-to-Action (siehe Abb. 4). Der Footer ist in allen Bereichen einheitlich und enthält Informationen zum Herausgeber, ein Newsletter-Anmeldeformular, Direktlinks zu rechtlichen Inhalten wie AGB, Impressum und Nutzungsbedingungen sowie eine Urheberrechtsklausel (siehe Abb. 5).
Die Inhaltsseiten verfügen über eine On-Page-Navigation, die einen schnellen Zugriff auf verschiedene thematische Bereiche ermöglicht (siehe Abb. 6). Der Content gliedert sich in Text- und Abbildungsbereiche, die flexibel angeordnet werden können (siehe Abb. 7).
Urheberrechtshinweise: Sämtliche Inhalte auf den dargestellten Seiten gehören dem Cranach Digital Archive und werden nur zu Veranschaulichungszwecken verwendet. Alle Rechte vorbehalten.
