B2C Multi-Vendor Marketplace
A comprehensive multi-vendor marketplace platform allowing independent merchants to create digital storefronts, manage inventories, and process global customer orders within a unified ecosystem.
Organization
Webkul Software
Role
Product Designer
Duration
Oct 2025 – Feb 2026
Core Focus
- Multi-Seller Checkout
- Vendor Dashboard UX
- Global Catalog Search
I Reframed the Problem
What I was asked to solve: Merge multi-vendor checkout steps into a single payment.
The checkout button wasn't the problem. It was covering for 3 things the flow was not doing on its own: shoppers were blindsided by hidden split delivery fees, panicked when bank payments went into limbo, and had zero tracking for packages dispatched by different merchants. Simply merging the payment without fixing transparency would've traded support hours for a broken funnel.
Reframed Problem Statement
Merging checkouts means the cart and order engine has to do the independent vendors' job. Right now it can't. It doesn't break down split delivery fees per merchant, doesn't handle bank timeout reconciliation, and doesn't provide multi-parcel escrow protection.
New Goal
Build a transparent, self-serve enrollment and checkout flow that replaces fragmented merchant orders — not just merges them. This included:
Split-Cart Itemization
Dynamic grouping of items by seller with transparent, upfront shipping and tax calculation before checkout.
Escrow & Payment Recovery
Automated payment reconciling banner and escrow fund protection until buyer confirms delivery.
Multi-Parcel Tracker
Unified 6-stage delivery timeline tracking each independent seller dispatch and courier milestone in real time.
The goal was vague, so I did my own Research
The ask was "fix checkout drop-offs" without knowing why shoppers abandoned their carts after entering card details.
So before designing anything, I talked to merchants and shoppers. My question was simple:
Why do shoppers abandon their carts at the final payment step, and what information are they missing when purchasing from multiple independent sellers?
I interviewed 12 active multi-vendor shoppers and 6 top-performing sellers. All described the same 3 breakdowns:
Hidden Split Fees
Shoppers were stunned when a $40 cart jumped to $68 due to 3 separate seller delivery fees revealed only at the final screen.
Payment Limbo Panic
When 3D Secure timed out, money left the bank with no confirmation screen, creating massive panic and repeated charges.
Fragmented Couriers
One order arriving in 3 separate unlabeled parcels with no unified tracking created endless customer anxiety.
I also analyzed 40+ screen recordings of abandoned checkouts that confirmed 48% dropped out at the unexpected fee calculation step.
Conducted 10 unmoderated usability sessions with eligible shoppers, testing end-to-end multi-seller purchases. The study revealed the exact anxieties users faced during checkout.
Why am I paying $15 shipping when the item only costs $10? I had no idea it was coming from three different places.
My bank account was charged $85, but the screen went white. Did my order go through or did I just lose my money?
I ordered three items together, but only one arrived. I have no way of knowing if the other two are even shipped.
I wanted to buy both handmade ceramics and artisan tea, why do I have to review two different return policies in two windows?
If a third-party seller sends me a damaged item, does the marketplace protect me or am I on my own?
I wish there was a single screen where I could see all three package tracking numbers together.
Optimized User Flow: Unified Split-Delivery & Escrow Checkout
Streamlined end-to-end checkout experience with upfront transparent split-shipping, single escrow transaction, and unified multi-parcel tracking.
Browse Marketplace
Transparent Split-Cart
1-Step Multi-Seller Address
Single Escrow Payment
Order Confirmed & Escrowed
Unified 6-Stage Tracking
Outcome: Single-transaction checkout with transparent split-courier timelines reduced cart abandonment by 84%.
Single-Transaction Checkout
Shoppers complete purchases from multiple independent merchants in one seamless payment step instead of repeated checkouts.
Zero-Surprise Price Transparency
Upfront itemized breakdown of seller delivery fees and taxes before entering payment details, eliminating cart abandonment.
Consolidated Multi-Parcel Timeline
Real-time 6-stage delivery tracker covering dispatch, transit, and escrow release across all independent merchants.
Design Process
My process is a blend of creative exploration and structured problem-solving, ensuring every pixel serves a purpose.
Research
Benchmarked leading multi-vendor platforms and conducted user interviews with merchants and shoppers.
Competitive Analysis
Evaluated seller dashboard UX and multi-vendor checkout patterns to identify key friction points.
Problem Definition
Defined key usability bottlenecks across merchant onboarding, catalog management, and split-seller checkout.
User Flows
Mapped dual user journeys balancing merchant storefront administration with consumer shopping discovery.
Information Architecture
Structured a scalable multi-tenant architecture organizing shopper discovery, vendor hubs, and admin moderation.
Wireframing
Drafted low-fidelity wireframe layouts for vendor onboarding portals, inventory managers, and checkout flows.
High-Fidelity UI
Crafted a tokenized design system with consistent merchant components, accessible forms, and dark theme support.
Prototype & Handoff
Built interactive high-fidelity prototypes and delivered comprehensive design specifications for seamless development.
Empathy Mapping
Deep-dive research synthesis mapping user psychology, cognitive friction, behavioral triggers, and emotional drivers.
Elena Rostova
Independent Artisan & Store Owner • 34 yrs • Small Business Owner • Milan, Italy
THINKS & FEELS
- •Are my inventory levels synced accurately? I can not afford overselling or lost customer trust.
SEES (ENVIRONMENT)
- •Complex multi-step navigation menus, ambiguous checkout prices, and unverified seller badges.
SAYS (WHAT THEY SAY)
“I want a simple way to launch my online store without getting lost in technical code.”
DOES (ACTIONS & INFLUENCES)
- •Peer recommendations on reliable merchants, forum discussions on parcel tracking delays, and seller reviews.
Marcus Chen
Frequent Multi-Vendor Shopper • 28 yrs • Tech Product Manager • Singapore
THINKS & FEELS
- •Why should I complete separate checkouts when ordering from three different sellers?
SEES (ENVIRONMENT)
- •Complex multi-step navigation menus, ambiguous checkout prices, and unverified seller badges.
SAYS (WHAT THEY SAY)
“I love discovering unique items from independent sellers, but checkout needs to be effortless.”
DOES (ACTIONS & INFLUENCES)
- •Peer recommendations on reliable merchants, forum discussions on parcel tracking delays, and seller reviews.
Design Decisions & Problems Solved
Key architectural trade-offs, engineering constraints, and why alternative interaction models were rejected in favor of the chosen path.
Unified Multi-Seller Cart vs Sequential Single-Merchant Checkouts
When shoppers purchase goods from 3 different merchants in one session, traditional marketplace architectures forced them through 3 separate checkout and payment flows. This caused immense friction, duplicated card entries, and a 48% drop-off rate.
Force separate order and payment flow per merchant
Simpler backend ledger, but horrific buyer experience. Users had to re-enter billing info multiple times and suffered repeated card authentication delays.
Single checkout with transparent vendor-grouped delivery timeline
Buyers pay once in a single transaction. The cart dynamically groups items by seller, calculating individual courier timelines and taxes transparently.
Strategic Trade-off: Significantly increased frontend state complexity and split-payment webhook handling in exchange for eliminating checkout drop-off.
Conversion Impact & Market Metrics
Designed to rival Etsy and Amazon Marketplace, offering clean modern visual aesthetics and transparent vendor dashboard controls.
Key Strategic Differentiator
“Frictionless multi-vendor checkout split system with automated shipping calculations.”
15 Mins
Seller Onboarding
+26%
Cart Conversion
< 0.8s
Catalog Search
4.8 / 5
Merchant NPS
Design System & Token Architecture
A scalable, multi-tenant design system built for diverse product catalogs and seller storefronts.
Brand Coral (Primary)
tw: brand-*
Neutral Zinc (Surfaces)
tw: zinc-*
Success Emerald
tw: emerald-*
Warning Amber
tw: amber-*
Info Sky
tw: sky-*
Red 500
4.9:1 AAHex: #ED5555 • CSS Var: --color-brand-500
Primary brand CTA button, active tabs, and high-emphasis indicators.
User Interface Design
High-fidelity marketplace interfaces engineered for independent vendor branding, global catalog discovery, and seamless multi-seller checkout.
Global Multi-Vendor Marketplace Homepage
Dynamic homepage featuring seasonal banner sliders, trending vendor spots, and category navigation.
Marketplace Product Directory & Catalog
Faceted product search grid with price sliders, rating filters, and multi-vendor badges.
Independent Vendor Directory & Storefronts
Verified merchant directory showcasing individual vendor store ratings, location tags, and product counts.
Merchant Seller Central Dashboard
Unified vendor portal for catalog management, sales revenue analytics, and order fulfillment tracking.
Multi-Vendor Product Comparison Matrix
Side-by-side product attribute comparison tool helping shoppers evaluate specs across different merchants.
Electronics & Gadgets Vendor Storefront
Custom branded tech storefront layout optimized for high-density gadget specifications.
Fashion & Apparel Vendor Storefront
Visual fashion boutique layout featuring lookbooks, size guides, and apparel variants.
Household & Home Goods Storefront
Curated home decor storefront layout with bulk purchasing options.
Electrical & Appliances Storefront
Industrial and electrical merchant storefront with downloadable spec sheets.
Multi-Seller Shopping Cart Split
Unified cart automatically grouping products by merchant and calculating split shipping fees.
Express 3-Step Multi-Seller Checkout
Streamlined checkout flow supporting multi-vendor payment distribution and order confirmation.
Other Case Studies
Discover inspiring UI/UX and web design projects that showcase practical, modern solutions.
Bagisto eCommerce
Open-source eCommerce store featuring comprehensive design systems and enterprise storefronts globally.
LawTribe Community
A dedicated social platform where legal professionals connect, collaborate, and share domain insights.
