Sep - Dec 2022
Frugl Market is a Saas product by Frugl Group as a solution to local small and medium grocery retailers to manage their products, orders, deliveries and more. It also provides a platform for these shops to extend their reach to more consumers who are using Frugl Grocery App.
In this case study, I'd like to walk you through how the solution for the Pick&Pack flow was come up. The flow enalbes staff to quickly pick and check off items for an order, for the supervisors to make changes if needed, and noting feature is designed for efficient communication.
• UX Improvement
• Comprehensive solution to account for more use cases
As the sole UX/UI designer for the project, I worked closely with the project manager and developers. I was responsible for:
• Ideating and sketching
• Userflows
• Hi-fidelity UI design
• Design handoff
Although the proposed design solution has yet to undergo testing, there is confidence that its implementation could lead to a significant decrease in process time. Preliminary analysis suggests the potential for a 50% reduction, pending verification through testing and validation.
PROBLEM
The existing Pick & Pack flow is ineffective in enabling workers to efficiently and accurately pick items for orders. This is due to the presence of redundant information on the page, the need for unnecessary additional taps by workers, and instances where customer notes are missing.
ITERATION / 1st round
All items are presented and accessbile in a grid on one page
Only one tap is required to check off an item (if it's found), compared to a minimum of two taps in the existing design
Productivity expected to be potentially inccreased by at least 50%
Simplified representation of item states for increased clarity
A progress bar to visualise the progress
A progress counter for precise track
Colour denotation aligned with the buttons
Irrelevant order details eliminated from the task for a more efficient design
Enhanced prominence of customer-generated order notes, directly impacting accuracy and customer satisfaction
ITERATION /2nd round
Key feedback from the first round indicated that accurate recording of loose items had not been considered. Recording the precise weight is essential, and any resulting difference in the amount should be refunded to customers.
ITERATION / 3rd round
Feedback from the second round revealed that pick & pack workers, who may not work full time, often lack up-to-date knowledge about item storage. This highlights the necessity for a design solution that accommodates changes and enables effective team communication through notes.
Allow supervisors to quickly address specific tasks
Optimised to improve their workflow and response time
A modal to review historical notes and create new ones, minimising information retrieval efforts
Strengthen accountability through the inclusion of names and timestamps
FINAL DESIGN
DESIGN system
REFLECTION
To account for a wider range of user cases, additional interviews should be conducted to gather insights from users in retailers of varying sizes
Tablets are assumed as the main devices for storage workers. A more informed solution is needed, considering device specifics for this workflow.
I'm excited to discover how I can help. Send me a message now and let's get started!
