Admin backoffice

none provided

Internal management of orders, invoices, transactions

Back-Office Tool
Navigation design
UI components
User Experience
Web (Desktop)
Visual Design
none provided
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.


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.
none provided
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.
none provided
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 -
none provided
Custom overlay table
none provided
Custom overlay table - expanded

Few more screens

none provided
Account statements view
none provided
Confirm delete popover component
none provided
Plugin testing page