Shop Bazar
Shop Bazar is an E-commerce business selling deadstock fashion pieces and wholesale offerings for small businesses and boutiques. With three different types of product-buying options available (described below), it was important to design Product Display Pages (PDPs) that were clear and distinct so customers wouldn't be confused.
I designed both desktop and mobile UI for the three different types of PDPs below (single product, pre-pack, and bundle).
All Assets
DELIVERY
UI Design for E-Commerce (Product Display Pages)
SOFTWARE
Figma
SINGLE PRODUCT
Products may come in variants (color, size, etc.), and customers can buy single or multiples.
PRE-PACK
Pre-packs are a type of product offering where customers can buy a pre-determined assortment of variants of a single parent product (e.g. buying one necklace in three different colorways).
In order to differentiate this PDP from single products, I added a label above the product name and included a small disclaimer under the option field. Users can click "What does this mean?" to trigger a small pop-up explanation.
BUNDLE
Bundles are an assortment of different products (and included variants) sold together as a package.
Similar to the pre-pack pages, there is a small label above the title indicating this is a bundle purchase. Clicking "See All" in the product listing table triggers a pop-up modal where users can view all included products, their product descriptions, and variant quantities.
