Skip to content
Book a call
E-commerce

SarzonA seller center for a multi-vendor marketplace

A seller center for a multi-vendor marketplace: dashboard, product catalog, orders, inventory, analytics and store tools.

Sarzon: product catalog list
Industry
E-commerce (seller panel, SaaS)
Services
Product design, UX design, Design system
Platform
Web
Screens shown
16
The brief

The problem

A seller center is where a vendor does the daily work of a shop: a large catalog, many orders, stock and reports.

  • Keep long product forms readable
  • Keep wide tables easy to scan
  • Let sellers move between areas without getting lost
Approach

How we approached it

What it had to do

  • Let a seller run a shop from one panel
  • Keep long product forms readable
  • Make large order and inventory tables easy to scan
  • Give sellers analytics and store tools in the same place
  1. 1Mapped four flowsFrom the dashboard to store settings.
  2. 2Drew the add-product flowBasic info, variants, images and a pricing strategy step.
  3. 3Designed orders and inventoryFiltered order lists, order details, seller-fulfilled inventory and a shipments list.
  4. 4Set up the systemSidebar states, an inventory table row and form field variants.
Flows

The screens

16 real screens, grouped by the flow they belong to.

01

Dashboard and catalog

A dashboard, a product list and a step-by-step add-product flow.

Sarzon: seller dashboard
Seller dashboard View full page of Seller dashboard (opens in a new tab)
Sarzon: product catalog list
Product catalog list
Sarzon: add a product: basic info
Add a product: basic info
Sarzon: add a product: variants
Add a product: variants
Sarzon: add a product: images
Add a product: images View full page of Add a product: images (opens in a new tab)
Sarzon: pricing strategy
Pricing strategy
02

Orders

An orders list with filters and an order detail page.

Sarzon: orders list with filters
Orders list with filters
Sarzon: order details
Order details
03

Inventory and shipments

Seller-fulfilled inventory and a shipments list.

Sarzon: seller-fulfilled inventory
Seller-fulfilled inventory
Sarzon: shipments list
Shipments list
04

Analytics, store and settings

Analytics, growth opportunities, a store page, messages and account settings.

Sarzon: analytics overview
Analytics overview
Sarzon: growth opportunities
Growth opportunities
Sarzon: my store with themes
My store with themes View full page of My store with themes (opens in a new tab)
Sarzon: message center conversation
Message center conversation
Sarzon: account settings: profile
Account settings: profile
Sarzon: get verified pop-up
Get verified pop-up
Components

Design system

The parts that repeat across the screens, built once and reused.

  • SidebarOne sidebar with states for each section.
  • TablesAn inventory table row used across the panel.
  • Form fieldsField variants for forms with many inputs.
Sarzon design system: sidebar states
Sidebar states View full page of Sidebar states (opens in a new tab)
Sarzon design system: inventory table row
Inventory table row
Sarzon design system: form field variants
Form field variants
Result

What we delivered

Desktop screens for the full seller center, plus a component library with variants for the sidebar, status labels and form fields.

  • Desktop screens for the full seller center
  • A component library in Figma

Next project

All work
Logistics SigmaFlow A platform for distributors and transporters View the project SigmaFlow

Have a product like this in mind?

Tell us what you are building. We will say honestly how we would approach it and what it would cost.

Book a call See all work