Redesign für den redaktionellen Bereich des Cranach Digital Archive


Arash Daliran Firouz & Robin Lou Esch

Kontext
Cranach Digital Archive (CDA)
Modul
Screendesign
Semester
Wintersemester 2024/25
Studiengang
Medieninformatik Ba.

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.