Cognub USA
An Innovation Incubator Company
My Role
UX/UI Design
Tools Used
Miro | Figma | Zeplin
B2B Outdoor Sporting Industry Project
Worked directly with Cognub USA's outdoor sporting client to design their new listing software that handles inventory, product listing and order management.
Challenge & Problem Statement
How might we create a listing software tool that eases the inventory management process for the user
The users previously used excel sheets to manage their inventory and keep track of their listed products. As the business grew, handling data using excel sheet became inefficient and time consuming.
The users are used to entering data into their excel sheets and don't want an elaborate User Interface that requires them to spend time understanding.
There is a need for a UI that is simple and easy to use and that the users are familiar with. The inventory is huge and the products are listed within various categories and subcategories. The user needs to be able to easily search items from a catalog and create inventory on the bases of the category the product falls under. The user also needed to keep track of the items listed and orders placed on the various distributor websites.
Design: Concepts & Sketching
Gathered requirements from the client and used Miro to form user flows and concepts.
Develop: Prototyping
To keep styling consistent across elements and following the company's color theme, a detailed style guide was created.
After a few iterations on the low fidelity designs and approval on the style guide, high fidelity designs were created.
Client was provided with the prototype that depicted the actual UI flow.
Test: Validation, Usability, Feedback
Conducted usability testing and gathered feedback from the user
Key findings:
- CTAs (call to actions) were not clear in some cases due to which the user took a while to find the button to complete the task.
- The inventory with no status confused the user about its availability
Hypotheses:
- Improving the design of these buttons will decrease the time on task.
- Providing status for each inventory by introducing a status "available" will give the user the missing information
Design: Iteration
The designs were reiterated by using the data from feedback and usability testing.
Engineering Hand Off
Smooth design handoffs were archived by using Zeplin to share css and reusable UI components.
