RiCo US-Parts Packlisten-Tool

Konzeption ⦁ Wireframing ⦁ UX / UI ⦁ Web Development
2023

Die Challenge

Um den Mitarbeitern des RiCo US-Parts-Shops das Verpacken und Versenden von Bestellaufträgen zu erleichtern, wurden wir damit beauftragt, eine Web-Applikation für den Versandprozess mithilfe von effizienten Handscannern zu entwickeln. Das Packlisten-Tool ermöglicht es den Mitarbeitern, die Artikel in einem Bestellauftrag mit Hilfe des Scanners zu erfassen und diese dann schnell und einfach für den Versand vorzubereiten. Dadurch soll der bisherige manuelle Prozess ersetzt werden, bei dem einzelne Aufträge mühsam in einem separaten System aktualisiert werden mussten.

Konzeption der Web-Applikation durch Wireframing

Prototyping der Web-Applikation inkl. Design der UI-Elemente

Usability-Testing des Handscanners

Services: KI & AI Beratung und Entwicklung​

Die Umsetzung

Zu Beginn erfolgte eine umfassende Konzeptionsphase der Web Applikation und all seiner Funktionen. Das Packlisten-Tool wurden mithilfe von Wireframes visualisiert und für gemeinsame Usability Tests verwendet, um sicherzustellen, dass die Mitarbeiter des RiCo US-Parts Shops das Tool intuitiv nutzen können. Anhand der Design-Richtlinien wurde daraufhin ein vollumfänglicher High-Fidelity Prototyp entwickelt, der die einzelnen Views der Applikation abbildet. Dieser auf dem Handscanner eingesetzt werden, um zusätzliche Aspekte des Tools zu überprüfen und zu optimieren.

Splash-Screen und Nutzerwahl

Das Ergebnis

Das Packlisten-Tool wurde mit HTML und TailwindCSS entwickelt und ist nahtlos mit dem Warenwirtschaftssystem des RiCo US-Parts Shops verknüpft, sodass sämtliche vorhandenen und packbaren Aufträge über den Bildschirm Handscanners eingesehen, gefiltert und gescannt werden können. Dank der intuitiven Benutzeroberfläche können Bestellungen reibungslos abgeschlossen werden – der Auftrag wird automatisch aktualisiert und erkennt, wenn ein Mitarbeiter passende Artikel über einen Barcode scannt und diese mit den Positionen des Auftrags übereinstimmen. Zusätzlich bietet die Web Applikation viele neue praktische Funktionen wie die manuelle Hinzufügung von Artikeln zur Bestellung oder den automatischen Druck eines Versandlabels für eine schnelle Lieferung der Ware.

Auftragsliste und Filterung nach einem bestimmten Kunden

Auftragsdetails und Packliste

Screenshot eines Packlisten-Tools auf einem Handgerät, das Teile und deren Scan-Status anzeigt.

Labeldruck und Kartonauswahl