Das Ziel des Projekts war das Redesign des redaktionellen Bereichs der Cranach Digital Archive Webseite sowie einiger Inhaltsseiten – sowohl für Desktop als auch für Touchgeräte. Basierend auf der Analyse der ursprünglichen Webseite waren einige Änderungen erforderlich:
Verbesserung der Navigation, um die Nutzer:innen leichter zu allen Bereichen der Webseite zu führen.
Erhöhung der Interaktivität (die ursprüngliche Webseite war sehr statisch).
Implementierung von Barrierefreiheit.
Reduzierung von weißen Flächen auf den Inhaltsseiten.
Gestaltung und Designrichtlinien
In unserem Projekt wurde der definierte Styleguide als Grundlage für das Design verwendet. Beispielsweise sind fast alle Farben auf bestimmte Farbtöne beschränkt, darunter:
cda-accent (FEB701)
cda-darkgray (444444)
cda-lightgray (F2F2F2)
Zudem verwenden alle Texte die Schriftart IBM Plex Sans, und die Abstände zwischen Elementen sowie Rahmen wurden gemäß dem definierten Spacing-Styleguide umgesetzt.
Die Zielgruppe von CDA umfasst sowohl professionelle Nutzer:innen, wie Kunsthistoriker:innen und Kostümbildner:innen, als auch interessierte Laien, Schüler:innen und Studierende. Daher wurde die Einstiegsseite so gestaltet, dass sie sowohl für Fachleute als auch für interessierte Nutzer:innen geeignet ist.
Über den Explore-Button erhalten Nutzer:innen einen Überblick über die gesamte Webseite.
Professionelle Nutzer:innen können über spezifische Buttons oder das Menü direkt zu allen Bereichen der Webseite navigieren.
Benutzerfreundlichkeit und Accessibility
Alle Texte wurden vergrößert und stehen nun in einem besseren Kontrast zum Hintergrund.
Die Abstände zwischen den Elementen im Menü wurden so optimiert, dass eine einfache Nutzung sowohl auf Desktop- als auch auf Tablet-Geräten gewährleistet ist.