
Inventory management is a process known to be tedious and tiring. The client’s customer support team spend hundreds of man hours on manually setting up new customers through the same storage process over and over again. How can technology empower customers to easily manage inventory on their own?
Spacebox is a leading player in logistics known for their innovative approach to storage solution. Their key product is self-service storage that brings more clutter-free space to urban dwellers and corporations alike.
However, with their fast-growing user base, the manual approach to customer service doesn’t scale. The client is in deep need of a digital product that can automate most of the check-in and check-out processes in the warehouse so that customer service team can focus on lead generation.
Working closely with product team in an agile environment, we quickly generated product requirement and started on the iterative design to development process. Read the story below to find out how we approached a complex problem with clarity.
CLIENT: Spacebox Ltd
MY ROLE:
User Experience Design, User Flow Wireframing, Prototyping, Interaction Design, User Interface Design, Web App Design, Native Mobile App Design
TIMELINE: 4 Weeks




Oftentimes, I will be sharing a few proofs of concept with PM and lead devs, discuss the feasibilities in implementation and then proceed with a direction we all agreed upon.
Web dashboard PoC version A

Web dashboard PoC version B

Mobile dashboard PoC version A

Mobile dashboard PoC version B

The Solution
I delivered all key screen designs and states for the entire user flow for both web and mobile platforms.

Mobile Dashboard Design
Designing for the mobile web, I took into consideration of mobile gestures as well as UI constraints of the mobile web that makes conventional mobile UI patterns unavailable to this design. The result is mobile dashboard that clearly prioritizes user tasks.


Mobile Check In Flow
Designing for the mobile web, I took into consideration of mobile gestures as well as UI constraints of the mobile web that makes conventional mobile UI patterns unavailable to this design. The result is mobile dashboard that clearly prioritizes user tasks.
Select items to check in

Edit items to check in

Items edited ready for check in

Web Check In Flow
Designing for the mobile web, I took into consideration of mobile gestures as well as UI constraints of the mobile web that makes conventional mobile UI patterns unavailable to this design. The result is mobile dashboard that clearly prioritizes user tasks.



View Items

View all items on mobile

Learnings
- Communicate as often as you can during the design sprint. Early communication is key to avoid hold-ups in implementation once design is handed off. Avoid surprising dev team with a brand new solution.
- Use as many tools as you can to present and communicate design ideas. I used live whiteboarding to demonstrate how the solution works.
Product design is an iterative and collaborative process. Communication and collaboration are equally important as pixel perfect design when it comes to software design. Your PM and devs are your best friend. The key to successful design in Agile is being a resourceful and willing team player.