Building Automated Shipping for Product Suppliers and Shipping Companies
- 2022 - 3 weeks, 40 hours per week.
- MY ROLE
- As the UX/UI Designer for the project, I was responsible for wireframing, prototyping, and conducting usability tests. I collaborated with the design team, product owner, and engineering team throughout the project.
- Mustafa Sheikh(Senior UX designer), Laura Weir(Product Owner), and Marcel-Edouard Saville (Engineer)
ArchiPro is a one-stop hub for homeowners, professionals, and product suppliers across New Zealand and Australia for anything related to building. It's got everything from project and ad management to a marketplace where suppliers and professionals showcase their offerings. You can shop for products, hire architects, interior designers, and more – all in one place!
April 2022. ArchiPro launched an e-commerce service to expand its business into New Zealand and Australia. This means all the shipping or order processes are already live in the first place.
Manual forms were a significant source of inefficiency and inaccuracy in the traditional shipping process for suppliers. They often led to errors in weight or details, which created problems for shipping companies. To overcome this challenge, a creative solution was needed to simplify the process, increase accuracy, and improve the shipping experience for everyone involved.
We offered a supplier business account order management system that automates the shipping process for suppliers. No more manual forms or errors. Our solution connects suppliers and shipping companies, simplifies the process and improves efficiency.
We found the following gaps through qualitative interviews with product suppliers and shipping companies.
- The shipping process for suppliers was cumbersome, involving multiple manual steps such as contacting the shipping partner for quotes, confirming shipping prices to buyers, filling in the buyer's information on the shipping partner's website, scheduling pickups, and sending confirmation and tracking details. This called for a more streamlined solution to reduce manual effort and simplify the shipping workflow.
- The return process for buyers was complex, involving contacting the supplier, arranging for pick-up with the shipping partner, and deducting shipping costs from the refund once the product was returned. This added to the overall complexity and time involved in processing returns, creating challenges for buyers and suppliers.
- Inaccurate weight or details provided by the supplier could cause hassle for the shipping company, resulting in delivery delays or additional costs for the buyer.
To understand the user's frustration, we created a user journey map.
Wireframes & Prototypes
As part of my responsibilities for the project, I took the next step after solidifying ideas and creating high-fidelity wireframes based on initial concepts. This included wireframing and creating a clickable prototype to visualise the proposed solutions. A product requirements team was established, specifically focusing on improving the shipping process for suppliers, creating a consignment for the shipping company, and streamlining the refund process for suppliers who received customer refund requests.
I completed the clickable prototype, and it is now ready for testing. These high-fidelity prototypes will allow us to evaluate the usability and functionality of our design. Before conducting the testing, we created a usability testing plan and checklist that included all the information and goals we wanted to achieve.
- Observe how participants navigate the shipping and refund processes to accomplish their goals.
- Test and see if participants get to the end of their tasks using different methods.
- Identify any point of confusion for the whole process of shipping and refund process.
- Get feedback from participants on the shipping and refund process's usability.
- Test whether the shipping and refund process is user-friendly and easy to use.
- Confirm order, create a consignment and enter package details to ship the item to the customer.
- Manage refund requests from the customer, and apply for refund request approval.
A total of 5 participants were used for this round of testing. They agreed to jump on a virtual Zoom call and screen share while testing the prototype.
- One participant liked the shipping and refund process is user-friendly and easy to use.
- All participants navigated through the shipping and refund process successfully.
- Three participants took a while to finish all the tasks.
- Three participants pointed out that a few copies need clarification.
- Some words chosen do not fit into people’s understanding.
Gathering feedback for the shipping process
- Some users may not understand the term "Create consignment" when requesting a pickup from the shipping company. We recommend changing the button to "Ready to pick up" to avoid confusion. This way, the users can indicate that their goods are packed and waiting for collection at their warehouse.
- The modal title "Create consignment" may be unclear for some users who are not familiar with the process. A more descriptive title would be "Prepare consignment for pick up, " explaining the modal's purpose and outcome. This would help users understand what they need to do and what to expect next.
- Some users suggested showing the product's pick-up location on the modal to help them plan their trip and ensure clarity. This is a valuable suggestion, and we are actively working on implementing it.
- To avoid confusion, we recommend updating the button label from "Ship consignment" to "Request pick up" to indicate that the goods are waiting for collection at the warehouse.
- One possible improvement for the form is to include two fields: “Estimated consignment size” and “Actual consignment size”. These fields would allow users to enter their expected and actual package dimensions, which would help them complete the form faster and more accurately.
- Recommend changing “Dispatch on 03 May 2022” to “Consignment created on 03 May 2022 and ready for pick-up.”
- "Some users suggested adding a more appealing label element to inform the user about the process of "Pick-up and sending to shipping company"."
Gathering feedback for the refund progress:
- Some users may find the "Action refund" dropdown and "Issue refund" buttons confusing as they appear to be the same. To avoid confusion, it is recommended to change the "Action refund" dropdown to display two buttons, "Decline" and "Approve", and convert the "Issue Refund" button into a link instead of a button, making it less prominent.
- Some users may find it confusing when they land on the "Refund" tab and see subtotal, delivery, and total. Removing this information and only displaying the "Shipping" tab is recommended to avoid confusion.
- Some users may find the wording "Refund approved" confusing. Changing it to "Refund items" is suggested to align with the previous action button "Refund item" and provide a better user experience.
After conducting usability testing and gathering feedback, we carefully reviewed and prioritised the recommendations. Revisions were made to address the feedback, ensuring the design met the users' needs and aligned with the project's goals.
After conducting usability tests and making necessary revisions, the design is ready for development. To ensure effective communication with developers, I have redlined and organised my design deliverables using Figma for handoff. I am also prepared to assist with any follow-up questions from the development team to ensure smooth implementation of the design.
- Our automation speeds up order processing, ensuring faster deliveries and happier customers, all while cutting costs and protecting supplier reputations by reducing shipping errors.
- Buyers can count on 100% accurate shipping prices.
- Real-time tracking using the shipping company API.