Inventory experience redesign
Overview
The Inventory User Group relies on this system to seamlessly track vehicle inventory from repossession to auction sale. Designed to simplify workflows, this experience provides a clear, timeline-based approach to monitoring vehicle status at every stage. Users can track vehicle locations as they move from storage facilities or tow yards to auction houses while also making real-time updates, such as changing auction locations if a vehicle remains unsold. This streamlined process enhances efficiency and ensures accurate inventory management.
Tools: Figma, Lucid chart , Jira, Hey Marvin - a qualitative user research platform, Slack
Final design
Wireframe versions
Redesign process
Why redesign?
The primary goal of the redesign is to enhance team efficiency and time management by:
- Optimizing the system for SaaS readiness to align with business goals.
- Eliminating redundant information to streamline form content.
- Enhancing form design for better readability and ease of editing.
- Implementing a timeline-based view for a high-level status overview.
- Simplifying the page by displaying only essential information.
- Incorporating vehicle images to improve visual appeal and user experience.
Old design's audit highlights
Wireframe testing with stakeholders
Wireframe versions were presented to the development team, product manager, and user group. All interviews, testing sessions, and discussions were documented in Marvin for future reference.
- Development team
- Product manager
- User testing (inhouse user group)
After receiving stakeholder approval, high-fidelity designs were created, incorporating feedback from wireframe testing.
High fidelity design
Building on the wireframe as a foundation, the high-fidelity design process involved the following steps:
- Planning the layout, defining the left and middle panels while keeping the right panel unchanged as a global LMS component.
- Creating base components using Arivo design library to ensure consistency and reusability.
- Exploring multiple design iterations to refine usability and aesthetics.
- Reviewing and finalizing the design with the manager and product manager (PM).
The high-fidelity design process focused on structuring the layout, standardizing components, iterating multiple versions, and collaborating with stakeholders to deliver a polished and functional design.
Prototype user testing
The final summary from Marvin on user interface and experience as quoted below ,
"User Interface and Experience: Satisfaction with new design for time-saving and user-friendliness, though questions about implementation details remain.Request for note entry concerning vehicle value and condition at the auction.Issues with navigating prototype interfaces, including confusion over screen sharing and limited action buttons."
Handoff
The design was refined based on stakeholder feedback from prototype testing. For the final handoff, the process was thoroughly documented and clearly explained to ensure seamless developer implementation and future reference.
