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
Order 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
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
SEPA payment details
Installment payment details
Mobile layouts
Mobile - Payment page
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
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 - Inner pages
Like this project
0
Posted Feb 25, 2024
Designing a portal for B2B buyers to manage their orders, invoices and payments made with Mondu BNPL