Lazada’s Multi-seller

Comparison Feature Design
Created On
April 2017
Duration
21 days
Role
UI/UX Designer
Team
Lazada's Product Design
Challenge

Design an intuitive way for users to compare offers.

Background

The Multi-seller feature was a small addition to Lazada’s Product Description Page (PDP). It allowed users to connect with other sellers offering the same product. These sellers often had different deals or prices.

The main goal was to help users choose the best option. By showing prices, deals, and other details from different sellers, users could easily compare and make informed decisions

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 started by defining the user flow to make sure everything was smooth and easy to navigate. On the PDP, users could click to get to Comparison Mode – also known as the Multi-Seller Page. There, they would see a list of sellers offering the same product. Users could then 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. We then organized this information into three main categories: Seller info, Delivery info, and Service info.

→ Next, we defined the specific comparison criteria for the Multi-Seller page. This made it easy for users to view and compare all the relevant details.

→ Finally, we prioritized each element on the page. This helped highlight the most important information, allowing 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 everything clear and well-structured. This way, users could easily understand the information when they moved to the Multi-Seller Page.

Multi-Seller Page: We displayed a list of other sellers in a card format to make choosing easier. Each card showed the Seller info at the top. Other details like Delivery, Service, and Promo info could be scrolled through in a carousel on each card.