RiCo US-Parts Packlisten-Tool
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
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
Labeldruck und Kartonauswahl
