00

DCB Market

DCB Market is a B2B commerce marketplace developed for a leading banking institution. It empowers over 200 business partners, from small local shops to large retailers, to seamlessly sell products on a centralized platform.

The Challenge

Partner businesses previously relied on multiple separate sales platforms, which led to several issues:

  • Operational inefficiencies

  • Scattered product and inventory data

  • Inconsistent customer service experiences

  • Inability to offer integrated credit financing

This fragmented ecosystem hindered growth, transparency, and customer satisfaction. The bank needed a unified solution that streamlined partner operations while offering new value to end users.

Before DCB Market, partner vendors used outdated methods. Some manually tracked orders in spreadsheets, while others relied on social media pages for sales. As one partner put it, “we’re spending more time managing tools than selling products.”



My Role

I was one of the first contributors to the project, acting as a UI/UX Designer. My responsibilities included:

  • Conducting stakeholder interviews and user research

  • Designing core features and user flows in Figma

  • Creating interactive prototypes and high-fidelity UI

  • Iterating on feedback from partners and internal teams

  • Collaborating closely with product and development teams to ensure feasibility and consistency






Key Features

Catalog > Adding a new product

In early testing, partners consistently struggled to list products, especially items with multiple variants. One partner described the original process as “tedious and repetitive.” These difficulties often led to missed fields, duplicate entries, or other manual errors.

To address this challenge, I created a guided product entry flow that walks users through listing a product step by step. This approach was designed to minimize errors and give even non-technical users more confidence.

Key Improvements:

  • Streamlined product + variant creation with smart form logic

  • Inline editing + bulk updates to speed up catalog management

  • Search and filters to quickly locate and organize large inventories


This approach significantly reduced onboarding time for new partners by 10%, making the product-adding process faster and more intuitive.


Prototype



The challenge I faced

When the project kicked off, our team didn’t have dedicated business analysts or technical writers.

As a result, I wore multiple hats, conducting user research, mapping user journeys, drafting content, and shaping the overall product vision.



Admin Panel > Customers

Before DCB Market, the operations team had trouble monitoring platform activity in real time. Sales data was scattered across spreadsheets and manual reports. This scattered approach slowed daily decision-making and made it difficult to spot issues such as failed transactions or delayed deliveries.

“We were spending hours just trying to figure out which orders were stuck.” — Internal Operations Team Member

To solve this, I collaborated closely with the operations and product teams to co-design a centralized admin dashboard.


Because scattered data slowed operations, our primary goal was clear: surface the most actionable data first, organizing orders by live status, providing intuitive filters, and displaying real-time status updates directly on each item card.

Key Features:

  • Live order statuses with smart labels for active, failed, returned

  • Drill-down views to access full order and customer histories in one click

  • Visual analytics to spot daily trends, top-selling products, and operational bottlenecks


After launch, admins reported resolving order issues 2x faster and felt more confident in their day-to-day oversight.

This dashboard became the operational nerve center of the platform, empowering quick decisions and boosting internal efficiency.


Prototype



Catalog > Product Colors

As the marketplace expanded, partners began uploading more complex items, clothing in multiple sizes and colors, electronics in different configurations. The original interface couldn’t handle this well: color selections were overwhelming, and multi-colored items weren’t represented correctly.

To improve this, I designed a flexible and visual variant system that lets partners manage complexity without confusion.


Key Features:

  • Grouped attributes (e.g., color ) to reduce visual clutter

  • Dual-color display with swatches for mixed-tone products

  • Per-variant image uploads so customers always see what they’re selecting


The new system made it much easier for both sellers and customers to navigate and trust product options, especially for high-variety catalogs.

Prototype





Results & Impact

  • Grew from 6 pilot vendors to over 200 active partners

  • Onboarding time for new partners dropped from 2 weeks to 3 days

  • Reduced product listing errors by 40% after introducing structured variant forms

  • Enabled real-time monitoring via the admin panel




Reflections

DCB Market has given me the rare opportunity to be part of a team developing a complex product over a long period. I have gained deep experience in:

  • Enterprise product design

  • Long-term iterative design methods

  • Collaboration between business, technology and finance

This example demonstrates how thoughtful UX can bridge the gap between business needs and user goals, ultimately delivering a product that is both functional and effective.

Note: Integrated credit financing is a planned future enhancement.

project

B2B Marketplace Platform

project

B2B Marketplace Platform

project

B2B Marketplace Platform

project

B2B Marketplace Platform

role

UI/UX Designer (Full lifecycle – 2.5 years)

role

UI/UX Designer (Full lifecycle – 2.5 years)

role

UI/UX Designer (Full lifecycle – 2.5 years)

role

UI/UX Designer (Full lifecycle – 2.5 years)

category

Commercial Project

category

Commercial Project

category

Commercial Project

category

Commercial Project

tools

Figma, Illustrator, Photoshop

tools

Figma, Illustrator, Photoshop

tools

Figma, Illustrator, Photoshop

tools

Figma, Illustrator, Photoshop

01

Brand Management Screen — A clean, intuitive interface for managing partner brands. Built-in filters by country, status, and logo presence allow admins to quickly search, edit, or deactivate brands with ease. This tool streamlines daily operations as the number of partners scales.

02

Product Catalog Screen — A streamlined interface that enables administrators to efficiently browse, search, and manage product listings. Key actions like editing, activating, or deactivating items are accessible directly from the table, reducing friction in daily catalog operations.

03

Product Variant Creation Screen — A user-friendly interface for configuring product variants. Admins can easily assign colors, upload specific images, and manage attributes like memory or size, streamlining the setup of complex product offerings.

.contact me

Let’s connect and create something amazing together.
Feel free to reach out!

.contact me

Let’s connect and create something amazing together.
Feel free to reach out!

.contact me

Let’s connect and create something amazing together.
Feel free to reach out!

.contact me

Let’s connect and create something amazing together.
Feel free to reach out!