Overview
The admin backoffice is a 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
These were a few side drawers that existed in the dashboard that allow for various functionalities that the administrator can perform.
Custom Tables
Based on requirements from the users of this dashboard, we built custom tables with information relevant to the order or invoice. One example with installment details can be seen below -
Custom table with installment details
Miscellaneous
Account statement screen with data overview
Popover modal with actions