Im Rahmen des Screendesignprojekts 2024/25 sollte ein Redesign für den redaktionellen Bereich des Cranach Digital Archivs (CDA´s) durchgeführt werden. Dafür sollte ein Gestaltungs- und Interaktionskonzepts entwickelt werden, welches ein klares, geradliniges, interessantes und zurückhaltendes Design bietet und sich in die Suche- und Artefakt-Seiten harmonisch einfügt. Darüber hinaus sollte es als responsives Design funktionieren. Das heißt, dass das Design auf verschiedenen Endgeräten optimal dargestellt werden sollte.
Zunächst wurde die aktuelle Webseite des CDA´s analysiert und die Kommunikations- und Interaktionsziele ausgearbeitet. Die Analyse stellte heraus, dass die Inhalte alle als gleichwichtig dargestellt sind und daher keine klare Hierarchisierung erkennbar ist. Außerdem ist der Zugang zum Archiv redundant und verliert an Präsenz. Des Weiteren ist die Barrierefreiheit nicht berücksichtigt. Daher sind die wichtigsten Ziele unter Anderem das Hervorheben der Inhalte und Kunstwerke, sowie den Zugang verständlich und leicht darzustellen.
Für die Optimierung wurde der vorgegebenen Styleguide benutzt, welcher es ermöglichte ein konsistentes Farbsystem und eine klare Schriftwahl einzuhalten. Dies trägt zur klaren und gradlinigen Komposition bei. Das zugrundeliegende Gestaltungskonzept folgt einer systematischen Struktur, die aus sich wiederholenden Elementen besteht und dadurch für Konsistenz im ganzen Konzept sorgt. Da ein menschzentrierter Ansatz verfolgt wurde, ist bei der Gestaltung auf die Bedürfnisse der Nutzer Rücksicht genommen worden. Dies schließt mit ein, dass die Navigation möglichst intuitiv umgesetzt, sowie die Barrierefreiheit durch entsprechende Icons berücksichtigt wurde. Dazu zählt auch die Rücksicht auf Kontraste und Schriftgrößen.
Um das erarbeitete Konzept darzustellen, wurde die Startseite, sowie die drei Inhaltsseiten (Lucas Cranach, Forschung, Aktuelles) neu gestaltet. Diese wurden als Desktop-, Smartphone- sowie Tabletansicht dargestellt. Bei der Startseite wurde darauf geachtet, dass die Sections nicht alle gleich aussehen, um die Hierarchisierung deutlicher zu machen. Darüber hinaus wurde mehr Negativraum geschaffen, damit der Inhalt jeder Section erkennbar und unabhängig ist. Dies wird auch durch die horizontalen Linien nach jeder Section verstärkt. Für die Inhaltsseiten wurde eine neue Seitennavigation geschaffen, um eine angemessene und nutzerfreundliche Inpage-Navigation zu erhalten. Dabei ist die Seitennavigation auf einer Stelle des Bildschirm fixiert und so für den Nutzer durchgehend erreichbar.
