In den letzten Jahren wurden immer mehr UI-Elemente für die KaDeWe-Website erstellt, die jedoch uneinheitlich abgelegt und unübersichtlich dokumentiert wurden.
Dies führte zu Inkonsistenzen in der Designsprache und erhöhte den Zeitaufwand des Designteams, auch weil die zeitsparenden Funktionen von Figma nicht voll ausgeschöpft wurden.
Days on the project
Team Members
Workshops in Berlin
Days of User Testing
In Workshops verschafften wir uns einen Überblick über den Status Quo und analysierten UI-Komponenten auf ihre Aktualität und Verbesserungspotenziale.
Wir entwickelten eine Struktur für ein Design System, das wir an die Bedürfnisse und Arbeitsweisen der Mitarbeitenden anpassten. Abschließend wurden die aktuellen Komponenten übersichtlich dokumentiert übertragen und an die neuesten Figma-Standards angepasst.
Wireframes sind frühe konzeptionelle Entwürfe, die die Struktur der Inhalte, den Aufbau und die Funktionalität eines digitalen Produktes zeigen. Die visuelle Gestaltung der Elemente spielt hierbei noch keine Rolle.
Wireframes sind eine Art Kommunikationswerkzeug für alle Projektbeteiligten. So können wichtige strukturelle Entscheidungen getroffen werden, ohne über die grafische Gestaltung zu diskutieren. Außerdem können mit Wireframes erste Nutzertests durchgeführt werden, um Entwürfe zu validieren.<
Die Verbesserung der UX der Hauptnavigation umfasste Strukturänderungen und eine intuitivere Anordnung der Navigationspunkte. Ziel war eine klare und effiziente Navigation für ein nahtloses Einkaufserlebnis.
Diese Maßnahmen trugen zu einem modernen Design der KaDeWe-Website bei und verbesserten deutlich Funktionalität und Benutzerfreundlichkeit. Unsere Arbeit am Designsystem zeigt unser Engagement für die kontinuierliche Weiterentwicklung der digitalen Präsenz des KaDeWe.
