Admin backoffice

Company logo

MVP of Raisin's Customer Administration Portal

Back-Office Dashboard
Navigation design
UI components
Web (Desktop)

Team

CAP Team

2 Devs + 1 PM + 1 Designer

Role

Senior Product Designer

Mode

Solo designer of CAP Team

Shipped in

2021
Customer details screen
Customer details screen

To connect efficiently to the many micro-services, this tool was rebuilt using MaterialUI components, ensuring faster implementation. I also conducted ad-hoc tests with available customer support users to quickly gather insights that helped to make quicker decisions.

As the design owner, I was responsible for the entire design process, including the creation of the visual language and the design system.

Customer & deposit details

Internally the backoffice tool was called the Customer Admin Portal, the CAP. It was a tool that contained the customer's personal (KYC) and financial information (savings).

First image in comparisonSecond image in comparison
Before & after - Customer details
First image in comparisonSecond image in comparison
Before & after - Deposit details

While designing backoffice tools, it's not just the components but also the layouts that must be scalable. Designing scalable layouts and creating tables and pages to display large amounts of information were some of my key learnings from this project.

Deposit details (with 2 levels of navigation)
Deposit details (with 2 levels of navigation)