Das letzte Projekt des Moduls Screendesign verlangt ein Designkonzept zum Redesign für den redaktionellen Bereich des Cranach Digital Archive (CDA). Zudem bestand der Auftrag darin, ein Gestaltungs- und Interaktionskonzept zu entwickeln, das für WIMP-Geräte und Touchdevices gleichermaßen optimal funktioniert. Das Design sollte systematisch, einfach und zeitlos sein. Im Rahmen des Redesigns des redaktionellen Bereichs des Cranach Digital Archive (CDA) sollen Benutzerfreundlichkeit, Barrierefreiheit und Funktionalität erreicht werden. Zudem soll den redaktionelle Bereich gestalterisch mit der Suche und den Artefakt Seiten harmonisiert werden. Damit wird das Redesign des CDA ästhetisch ansprechend, funktional und benutzerfreundlich, um eine breite Zielgruppe zu unterstützen.
Um die Barrierefreiheit auf der Website erfolgreich gewährleisten, haben wir uns dafür entschieden, das Design schlicht zu halten, um den Usern dies zu ermöglichen. Wir haben uns insbesondere auf Weißraum spezialisiert, um die Inhalte auf der Website in den Fokus zu bringen. Dadurch wirkt die Website nach der Veränderung zeitloser, übersichtlicher und eleganter. Die Hauptseite des Redesigns besitzt eine Navigationsleiste, die durch die Preview, die beim Hovern mit der Maus (PC) den jeweiligen Bereich in Gelb unterstrichen öffnet, statt wie auf dem Tablet die einzelnen Elemente halten muss.
Die Handyversion hingegen wird durch ein Hamburger Menü geprägt. Elemente wie der “Call to Action”-Button auf der Hauptseite stechen durch die gelbe Farbe hervor, dies hilft als Mittel, um die Aufmerksamkeit der User zu schaffen und dabei auf die darauffolgenden Such-Seite mit Gemälde, Archivalien und Literatur zu navigieren. Die Videos, die darauffolgen, werden in der Preview durch Pfeil-Icons auf 2 weitere Videos weitergeleitet. Die Text- und Bildansicht wird durch Drücken des nächsten Bildes verändert, sodass sich der Text, Hintergrund und das Bild ändern. Damit der User eine klare Übersicht über die Inhalte hat, werden die Bilder passend mit einem gelben Rahmen markiert, damit diese mit dem Gesamtbild der Hauptseite harmonisieren.
Der Newsletter wurde zur passenden gelben Rahmen übersehen, um das Farbschema der Website beizubehalten. Auf der Forschungsseite und der Lucas Cranach Seite gibt es ein bestimmtes System: durch die Preview, während des Hoverns auf das gewünschte Thema, ändern sich die Worte von einer Outline-Schrift zur normalen gefüllten Schrift, ebenso das Bild im Hintergrund der Schrift. Der User wird nach dem Drücken auf ein Thema auf der Forschungsseite auf eine separate Website geleitet, die Inhalte über diese Themen beinhaltet. Auf der Lucas Cranach Seite hingegen wird nach dem Drücken auf einen Namen eine separate Seite geöffnet, auf der sich die Biografie von Lucas Cranach und seiner Söhne befindet. Diese gestalterische Entscheidungen bewirken zum einen die Struktur der Website und zum anderen fördert es Minimalismus, Klarheit und bringt viel Weißraum mit sich, was unser Ziel war.
