Internal management of orders, invoices, transactions
B2B
Back-Office Tool
BNPL
Dashboard
Navigation design
UI components
User Experience
Web (Desktop)
Visual Design
Order details
The admin backoffice is a simple tool that uses Chakra UI components to render all details handled by Mondu like orders, invoices, payouts, account statements, plugin testing, dunning case files etc.
Navigation
The current navigation contains as many as 15 items with no grouping or ordinance. The product team and I took the initiative to clean it up. We collected people who work with the tool and created a card-sorting workshop which provided the basic guidance for the navigation shown below.
Refurbished navigation design
Side drawers
Here are a few side drawers that exist in the dashboard that allow for various functionalities that the administrator can perform.
Statement and Order details
Custom overlays
Based on requirements from the users of this dashboard, we had to build custom tables with information relevant to the order or invoice. One example with installment details can be seen below -