Buyer Portal

Company logo

Client-facing tool to manage order, invoices & payments

B2B
0 → 1Projects
Dashboard
Multi-Currency
Multilingual
Web/Mobile

Team

Dashboard Team

3 Devs + 1 PM + 1 Designer

Role

Senior Product Designer

Mode

Solo designer at Mondu

Shipped in

2023
Buyer Portal On Mobile
Buyer Portal On Mobile

Orders & details

As with the other dashboard, we started with Order management for the Buyers. The layout of the buyer portal looks and works more like a B2C product, in comparison to the Merchant dashboard.

List of orders
List of orders
Order details page
Order details page
Mobile screens - Orders + Details
Mobile screens - Orders + Details

Payments & details

After launching orders and interviewing buyers, we collected some actionable improvements for the orders page. While simultaneously working on the Payments environment, because that's what was the next most required function.

Payments page
Payments page

Mondu offers 3 types of payment methods to "pay later" with. In Germany, the primary market, there are Invoice, SEPA Direct Debit and Installment options offered during checkout. Below are the proposed designs for each of the payment methods, as they are works in progress (as of Nov 2023).

Invoice payment details
Invoice payment details
SEPA payment details
SEPA payment details
Installment payment details
Installment payment details

Mobile layouts

Mobile - Payment page
Mobile - Payment page
Invoice, SEPA and Installment payment details
Invoice, SEPA and Installment payment details

Modals

The first functionality we made was to allow the buyers to raise a dispute because of the amount of queries Mondu received. We rolled it out on all products - including the Merchant dashboard and Admin dashboard, so that Mondu can handle and cross-verify disputes without being bombarded by calls/e-mails.

Raise a dispute modals
Raise a dispute modals

Next iteration: Repositioned navigation

With the topic of purchasing power coming in, it was evident to explore options to show it on the homepage, because it shows the amount the buyer has remaining to make further purchases. One of the options is below with a simple dashboard-style homepage, taking up the entire width, and sending the navigation to the top of the screen.

Home page with repositioned navigation
Home page with repositioned navigation
Repositioned navigation - Order details
Repositioned navigation - Order details