Portal for B2B BNPL buyers

Indhuja Kesavan

UX Designer
Product Designer
UI Designer
Figma
Miro
Mondu
Helping buyers manage their orders and payments
Buyer portal on mobile
Buyer portal on mobile

Orders and 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
Order details
Mobile screens - Orders + Details
Mobile screens - Orders + Details

Payments and 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.
Payment page
Payment 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.
Modals in the Buyer Portal
Modals in the Buyer Portal

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.
Repositioned navigation - Home
Repositioned navigation - Home
Repositioned navigation - Inner pages
Repositioned navigation - Inner pages
Partner With Indhuja
View Services

More Projects by Indhuja