Role: Product Designer
Team:
1 Product Manager
2 SME’s
2 Developers
Timeline/Year: 8 weeks/2022
Roche, a key customer of GEP was suffering from tool fragmentation due to which their order fulfillment process lacked cohesion, resulting in significant delays that negatively impacted their bottom line, costing the company millions in potential revenue.
Problem:
Info:
Deliverables:
Designing an optimised user interface and streamlining workflows yielded a daily productivity gain of 50 minutes per user through an average time savings of 1.3 seconds per task.
Outcome:
Iterative ideation
Product
SME’s
UX
Dev
Ideate &
Prototype
Test &
Validate
Process overview
Empathy
Competitor Benchmarking
Pick the item and enter quantity.
Pack as per your needs.
Voila! Package is ready to ship.
2333+ such shipments daily...
So what is Pick-Pack-Ship exactly?
Unit of Use
Each Item
Lot/Batch
The Interface
to be redesigned
Inventory Manager
Warehouse
Boxes to be shipped
Pick-Pack-Ship Ecosystem
Multiple indepth white boarding sessions to understand new use cases & data attributes helped in coming up with better data hierarchy & detailed task analysis.
Additional pain points discovered from heuristic evaluation
Current design not scalable for new business cases
57 table columns led to an long horizontal scroll which was a usability concern
Task execution was difficult due to unstructured & overwhelming amount of data
Hypothesis
By improving information hierarchy and incorporating the progressive disclosure technique, users will feel less overwhelmed and have step by step guidance for the process they need to execute.
A) Taking UI inspiration from stacked boxes
B) Exploring warehouse aisle’s as swim lanes
A match between system and the real world intuitively felt like the right heuristic design principle to follow.
Next, I partnered with the UX reseacher to create a usability testing protocol. I ran 5 sessions and also created a research report.
We listened to our users and learn't valuable lessons.
Process stepper wasn't adding much value. Users preferred to view a line level progress update of items packaged.
Placement of the ‘+ Add Lot’ button caused majority of the usability problem.
Helpful tips at the bottom!
Improved process visualization
Adding contextual action saved 1
click per step(5 clicks per task)
I was the first one to explore a canvas style design in our team,
so was able to make several contributions to our design system.
Canvas style designed by me
set a new foundation and opened
many new discussions in the team
to make it richer.
We only had pop-ups in our design system. Side sheet/ sliders became wildly popular in the team after this project!
Optimizing the user interface and streamlining workflows yielded a daily productivity gain of 50 minutes per user through an average time savings of 1.3 seconds per task.
To add further, this project was instrumental in signing of the million $ deal with Roche which was a huge impact on GEP's business.
Impact:
Think 1000x when solving any enterprise design problem. This way one can come up with design solutions that are scalable and sustainable.
Time was a big challenge on this project. For future iterations I would spend more time on experimenting with varied color palettes and icons.
Reflection:
Crafted with love.
Get in touch for full time roles or say hello at
ankita.dpande@gmail.com