role

Product Designer, UX/UI.

duration

2 sprints (10 days)

Design a Single Merchant Page for our Distributor Universal Dashboard. 

Designed for city hive inc.

Distributors Universal Dashboard

Background:

 

The Single Merchant page displays key information about a merchant assigned to a distributor on the Distributor Dashboard. Since the backend data was raw and overwhelming, the goal was to categorize, visualize, and organize it into a clear, cohesive layout.

Order Types – Available delivery options for the merchant (Pickup, Delivery, Shipping)

Merchant ID – Unique number used to identify the merchant in internal City Hive processes.

 

Credit Limit – Clearly defines how much a merchant can purchase on credit without needing upfront payment. 

Bill & Store – Indicates if the merchant supports selling and storing items.

Register Users – Indicates if the merchant allows user account creation.

Last Ordered Online – Reflection wether this merchant was recently active on online orders.

Payment Method Types – Approved options for the merchant (Bank Account, Credit Card).

Price Groups – Merchant’s pricing model (often state-specific for alcohol sales)

Order History: Order Origin – Reflection of Where this order was placed (Website, In store, Mobile App)

Merchant User Status – Different users have different user status based on the step they’re in on the verification process (Approved, In Progress, Declined)

Payment Methods – Provides distributors with a clear view of a merchant’s available payment options and the status of each (e.g., verified or pending). This improves transparency and reduces confusion when managing merchant accounts.

Invoice / Charge Status – Reflection of where in the charging procedure a specific payment or invoice is in:

  1. Charging – Currently Charging
  2. Failed – Failed Charging
  3. Retrying – Failed and Retrying
  4. Paid – Succesfully Paid.