Design an intuitive way for users to easily compare the offers from the primary seller with those from other vendors.
Background
The Multi-seller feature was a small addition to Lazada’s Product Description Page (PDP), enabling users to connect with other sellers offering the same product but with varying deals.
Main goal was to help users make an informed purchasing decision by comparing prices, deals, and other relevant information.
Approach
To make comparisons easy, we organized key information clearly and grouped relevant details into intuitive categories. This allows users to quickly scan and compare options, whether on the PDP or the Multi-seller page. Below are the steps we took to develop this design solution.
1. Define the User-flow
We began with defining the user flow to ensure everything was smooth and easy to navigate. On the PDP, users could click to enter Comparison Mode (also called Multi-Seller Page), where they would see a list of sellers offering the same product. From there, they could filter and compare options to find the best deal.
2. Define Information Architecture for comparison
→ We began by identifying all the key information users would need to compare on the PDP and organized it into three main categories: Seller info, Delivery info, and Service info.
→ We then defined the specific comparison criteria for the Multi-seller page, ensuring that users could easily view and compare relevant details.
→ Finally, we prioritized each element to highlight the most important information, enabling users to make quick and informed decisions.
Outcome
PDP: We reorganized the Delivery, Service, and Seller info into separate sections. The goal was to make sure everything was clear and aligned, so users would find it easy to understand when they moved to the Multi-Seller Page.
Multi-Seller Page: We displayed a list of other sellers in a card format, making it easy to choose. Each card showed the Seller info at the top, while other details like Delivery, Service, and Promo info could be scrolled through, like a carousel, on each card.