wpo-browser-mock_web_l

WEKA Pilot Online – UX/UI Design

Job: Interaction Design
Client: WEKA MEDIA
Production: Mischok
Year: 2019-2020

Mehr zu diesem Projekt!

WEKA Pilot Online – UX/UI Design

wpo-browser-mock_web_l

Job: Interaction Design
Client: WEKA MEDIA
Production: Mischok
Year: 2019-2020

Design und Konzept für die Neugestaltung einer B2B-Anwendung.

Status quo:

Wie kann die User Journey für die zentralen Anwendungsfälle optimiert werden?

Für die Neukonzeption haben wir uns als erstes intensiv mit dem Bestandssystem beschäftigt. Dabei spielten Feedback von bestehenden Nutzern sowie unsere eigenen Learnings bei der Nutzung eine Rolle. Was ist gut gelöst, was sollte überarbeitet werden?

Die zentralen Anforderungen und Thesen für die neue Anwendung wurden dann in Form von User-Stories festgehalten.

Zusammen mit dem Kunden haben wir in mehreren Workshops eine gemeinsame Vision für das Konzept der neuen Anwendung entwickelt. Diese gemeinsamen Ideen waren die Grundlage für alle weitere Schritte in der Umsetzung.

Build – Measure – Learn. Mit einem Konzept-Prototyp konnten unsere Ansätze schnell mit „echten“ Nutzern der bestehenden Anwendung getestet werden. Bei diesem ersten Klick-Prototyp lag der Schwerpunkt noch nicht auf dem Design, sondern auf einer Simulation der neuen Konzepte zur Nutzung der App.

Auf dem Prüfstand: neue Ideen zu Integration und Präsentation der Inhalte.

Die Rückmeldungen der ersten User-Tests bestätigten uns: wir waren auf einem guten Weg. Die nächsten Versionen des Klick-Prototyps bildeten nun die Erkenntnisse aus den User-Tests ab und ermöglichten es auch, die neue Anwendung in ihrem „echten“ Look & Feel zu testen.

Der nächste Schritt: das Konzept für die technische Entwicklung fit machen. Dabei war das Ziel, ein robustes Design-System für die technische Umsetzung bereit zu stellen.

Die Anforderung an das neue Design: an den bestehenden Auftritt anzuknüpfen, diesen weiter optimieren und vereinheitlichen.

Anknüpfen, optimieren, vereinheitlichen. Mit Atomic Design System.

Dazu haben wir den Ansatz des Atomic Design verfolgt. Mit den kleinsten Elementen des UI wie Schriften und Farben angefangen haben wir verbindliche Standards festgelegt. Nicht nur für den „Pilot Online“, sondern in Zukunft auch für alle anderen Anwendungen des „Business Portal“.

Mit geprüftem Konzept und Design-System im Gepäck begann die technische Umsetzung der Applikation.

Konzept validiert.

Design mit System.

→ Entwicklungsstart

icon-down-light
Alexander Zels