Im Rahmen des Screendesign-Projekt des Jahres 2024 sollte ein modernes Redesign des redaktionellen Bereiches des Cranach Digital Archive erfolgen, welches nicht nur ästhetisch ansprechend ist, sondern auch auf die Bedürfnisse der Zielgruppe, sowohl professionelle Nutzer als auch interessierte Laien, eingeht. Dabei sollte der Fokus auf die Abdeckung der Ansprüche des professionellen Klientels, wie Kunsthistoriker und Kostümbildner liegen. Die Anforderungen an die Website sahen vor, dass zu den unterstützen Geräten sowohl Touchdevices als auch WIMP-fähige Computer gehören, wobei das Hauptaugenmerk jedoch auf einen Desktop-First Ansatz gerichtet sein sollte. Darüber hinaus sollte beim Redesign eine Harmonisierung mit der Such- und den Artefaktseiten angestrebt und die Barrierefreiheit berücksichtigt werden. Das Redesign sollte möglichst einfach, klar, akzentuiert, systematisch, zeitlos und professionell sein. Zugleich sollte sich der redaktionelle Teil des CDA durch ein lebhafteres und weniger schematisches Design von den Such- und Artefaktseiten abheben.
Die Startseite lässt sich in drei große Passagen aufteilen, die auf das nötigste reduziert wurden um die gebotenen Elemente übersichtlich darzustellen und somit ein schnelles Verständnis hinsichtlich der Interaktionsmöglichkeiten zu fördern.
Den Kern der ersten Passage bildet der Hero in Form eines großen Sliders, der dazu dient die Aufmerksamkeit des Nutzers auf neue, dort beworbene, Inhalte zu richten. Die Navigation innerhalb des Sliders erfolgt hierbei mithilfe von zwei Pfeilen im unteren rechten Rand. Die drei unter dem Slider horizontal zentrierten Buttons bilden die Verbindung zwischen dem redaktionellen Bereich des Cranach Digital Archive und der Suchseite bzw. den Artefaktseiten. Die zweite Passage der Startseite beantwortet kurz und knapp die, v.a. für Laien, wichtige Frage was das Cranach Digital Archive ist und an wen es sich richtet. Bei der dritten Passage werden dynamisch die Bestandszahlen des Cranach Digital Archive angezeigt und zugleich ermöglicht ein Slider eine Vorschau auf die vorhandenen Inhalte.
Durch die Farbkombination, beziehungsweise den entstehenden Kontrast von gelben Elementen mit grauer Schrift/Symbolen(oder auch umgekehrt) zur restlichen Seite, wird der Blick des Nutzers auf die Interaktionselemente gerichtet und durch die Farbinvertierung beim Hovern die Neugier gefördert. Somit gelingt es dem User Interaktionsmöglichkeiten intuitiv zu identifizieren. Aufgrund dessen wurde im Rahmen des Redesigns dieses Muster des Kontrasts und des Farbwechsels auch auf den Inhaltsseiten angewandt.
Die bei der Startseite stets sichtbare Navigationszeile wurde im rechten oberen Screenbereich platziert um neuen Usern die Nutzung, durch Ähnlichkeit mit anderen Websites, zu erleichtern. Mit dieser Navigationsbar lassen sich schnell die relevantesten Inhaltsseiten durch klicken erreichen und zugleich kann auf diese Weise stets zur Startseite zurückgekehrt werden. In der Nähe zur genannten Navbar befindet sich eine Sprachauswahl die durch die verwendeten Flaggen-Piktogramme verständlich und schnell ersichtlich ist.
Durch längeres Hovern über ein beliebiges Element der Navigationszeile bei der Desktop-Version, oder antippen eines Hamburger-Icons bei der Mobilversion, öffnet sich ein großes Navigationsmenü in dem sämtliche Inhaltsseiten, sowie die Rückkehr-Option zur Startseite und zum Schließen des Menüs als auch alle zugehörigen Abschnittstitel auswählbar sind, wodurch der direkte Sprung zu einem gewünschten Abschnitt ermöglicht wird. Dies dient dazu um dem Nutzer einen schnellen Überblick über die Gesamtheit der Inhaltsseiten zu bieten und um die mit der Suche, nach einem speziellen Abschnitt, verbrachte Zeit zu verkürzen. Darüber hinaus dienen die große Darstellung der Einträge und die direkte Abschnittsauswahl der Verbesserung der Barrierefreiheit und der Kompatibilität mit Touchdevices, da somit die Navigationsmöglichkeiten besser lesbar sind und ein scrollen auf den verlinkten Inhaltsseiten reduziert werden kann.
Bei den Inhaltsseiten wurde zur Förderung der Lesbarkeit und Barrierefreiheit große Schrift verwendet. Einzelne Abschnittsbeginne sind anhand der Kombination eines großen Bildes mit daneben befindlichem großen Titel eindeutig gekennzeichnet. Ein kurzer Teasertext, erleichtert es dem Nutzer zu entscheiden, ob er den weiteren Text ausklappen und lesen will.
