Das Projekt umfasste das Redesign für den redaktionellen Bereich des Cranach Digital Archive für die Desktop-Version sowie die visuelle Darstellung des Interfaces auf einem Touchdevice. Ziel war es, die Website in ein moderneres und nutzerfreundlicheres Format zu bringen, ohne ihren ursprünglichen Charakter zu verlieren. Dabei sollte sie sowohl Kunstinteressierte als auch Historiker und neue Besucher ansprechen, die sich intuitiv zurechtfinden und Interesse an Cranach und seinem Werk entwickeln können. Um die Informationsaufnahme zu erleichtern, wurden unnötige Elemente entfernt oder neu angeordnet. Gleichzeitig wurde die Interaktivität verbessert, während eine klare Navigation und ein harmonisches Design im Vordergrund standen. Das vorgegebene Styleguide diente als Orientierungshilfe und half dabei, eine durchgehende Struktur und konsistente Gestaltung über alle Seiten hinweg beizubehalten. Insbesondere die Abstände zwischen den Elementen wurden gezielt eingesetzt, um ein aufgeräumtes und professionelles Layout zu schaffen.
Das Redesign besteht aus der Startseite und den folgenden drei Inhaltsseiten: die “Forschungsseite”, die “Aktuelles-Seite” sowie einer Informationsseite über Lucas Cranach, die sein Leben mit relevanten Daten und Entwicklungen darstellt. Das Design folgt einer klaren Struktur mit einem durchdachten Farbschema: Schwarz als Grundfarbe, Weiß für Kontrastelemente und ein kräftiger Gelbton (#FEB701) als Akzentfarbe für wichtige UI-Elemente wie das CDA-Logo, den Newsletter-Button und Trennlinien. Grautöne (#222222) wurden gezielt eingesetzt, um verschiedene Abschnitte visuell voneinander abzugrenzen. Die gewählte Schriftart “IBM Plex Sans” kommt in den Stärken Regular, SemiBold und Bold zum Einsatz, mit einer angenehmen Zeilenhöhe von 150 %. Fließtexte sind in 16 pt gehalten, während Überschriften in 24, 32 und 48 pt für eine klare Hierarchie sorgen.
Um eine harmonische Gestaltung zu erreichen, wurden die Abstände bei der Desktop-Version weitgehend einheitlich gesetzt, mit häufig genutzten Werten wie 30, 49, 80 und 160 px. In der mobilen Version wurden diese angepasst, um eine kompakte und nutzerfreundliche Darstellung zu gewährleisten, wobei Werte wie 8, 14, 30 und 49 px verwendet wurden. Ein einfacher Prototyp wurde für die “Aktuelles”-Seite der Desktop-Version erstellt, der einen Slider mit einer Wartezeit und einer interaktiven Steuerung über sichtbare Pfeile enthält. Zudem wurden Animationen integriert, die eine flüssige Weiterleitung zwischen Seiten ermöglichen. Der Footer wurde ebenfalls überarbeitet, wobei unwichtigere Informationen nach unten verschoben wurden, um die Übersichtlichkeit zu erhöhen.
Die Umsetzung des Designs folgte weitgehend unseren ursprünglichen Vorstellungen. Dennoch führten mehrere Feedbackrunden und Supportgespräche dazu, dass einige Aspekte gezielt optimiert wurden. Störende Elemente wurden entfernt, die Benutzerfreundlichkeit weiter verbessert und das Design verfeinert. Die Systematik des Gestaltungskonzepts basiert auf durchdachten Pixelabständen und einer klaren Typografie, die eine einfache, aber ansprechende Nutzererfahrung ermöglicht. Eine der wichtigsten Erkenntnisse aus diesem Projekt war, dass weniger oft mehr ist: Durch die Reduzierung auf das Wesentliche konnte eine optimale Gestaltung erreicht werden. Gleichzeitig hat sich gezeigt, wie wertvoll kontinuierliches Feedback ist, um mögliche Schwächen frühzeitig zu erkennen und zu beheben.
