The Design Process
Research and Discovery
Conducted user research to understand the pain points and needs of potential users.
Wireframing and Prototyping
Created wireframes to outline the basic structure and flow of the application. And developed interactive prototypes to test and refine the user experience.
Visual Design
Designed UI elements with a focus on simplicity and clarity, ensuring that users can easily find and use key features.
Validation
Conducting design validation involves organizing another round of usability testing and evaluating the usability of the design using the System Usability Scale. This iterative process can be utilized for further design refinements
Development Collaboration
Worked closely with developers to ensure the design was implemented accurately and efficiently.
Iteration
Kopra by Mandiri is Bank Mandiri’s comprehensive wholesale banking service, designed to cater to your business transactions needs for Cash Management, Value Chain and Trade all within a single portal.
Design Objectives
Initially, Kopra had nine separate wholesale banking channels that were forced into a single dashboard. As a result, when Kopra was first released, it suffered from poor performance and an unfriendly UI/UX experience—such as long loading times, inconsistent navigation across channels, and unexpected logouts when using the browser’s back button. Many clients complained about these issues and preferred to access their original channels directly instead of using Kopra. Therefore, our team aims to revamp Kopra into a true all-in-one dashboard, built natively as a unified platform rather than fragmented across multiple channels.
Personalized Management Dashboard
Users can customize widgets and dashboard views according to their business needs, making relevant information—such as transactions, cash positions, or notifications—easier to access.
Visual & Flexible Liquidity Management
With an interactive drag-and-drop interface, users can intuitively manage liquidity allocation and cash distribution across business units more efficiently.
Saved Transfer Templates & High-Volume Uploads
Allows users to save favorite transfer templates for recurring transactions and supports bulk uploads of up to 50,000 transactions in a single submission, driving operational efficiency.
Electronic Invoice Presentment & Payment (EIPP) with Automated Reconciliation
Simplifies invoice distribution and billing through digital channels, complete with automatic reminders (via Kopra or Livin’) and real-time reconciliation—helping accelerate cash flow and reduce manual errors.
Comprehensive Service Suite under Single Sign-On (SSO)
– Cash Management, Value Chain, Trade: all integrated under one access point.
– Additional Modules: including e-FX (Forex Online), Mandiri Smart Account (virtual sub-accounts), Online Custody, Reconciliation Portal, Hospital Solutions, Bill Reminder, Beyond Border, Mobile App, Mobile Token, and more.
Key Features
Hi, Lidwina Maha Rani
Here’s what’s going on today
Customize
Available Balance
IDR
3,507,651,367.00
15.72%
Overview
History
View balance detail
Opening Balance
IDR 3,031,038,710.00
Net Cash Movement
IDR 476,612,657.00
Cash In
IDR 526,374,100.00
Cash Out
IDR 49,761,443.00
Things to do
Recently
Cash Management
Value Chain
Trade
Single Transfer To Mandiri
Short explaination
Single Transfer To Other Bank
Short explaination
Multiple Transfer Manual Input
Short explaination
Multiple Transfer File Upload
Short explaination
Transaction Overview
Channel
Cash Management
Pending Transaction
2
Rejected
5
Failed
1
Partial Success
2
Need to Repair
Success
Single Transfer to Bank Mandiri
13 Oktober 2023, 19:00 WIB
New Beneficiary
Cut Off Time Reminder
Single Transfer to Other Bank
13 Oktober 2023, 19:00 WIB
New Beneficiary
e-Tax Payment
13 Oktober 2023, 19:00 WIB
Bill Payment
13 Oktober 2023, 19:00 WIB
March 2024
Su
Mo
Tu
We
Th
Fr
Sa
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
22 March 2024
Bank Guarantee Akan Expired dalam 5 hari
Transaction History
Daily
Weekly
Monthly
Cash In
Cash Out
100M
75M
50M
10M
Nov
Dec
Jan
Feb
Mar
Apr
Limit Information
Trade
Value Chain
Available
Pending
Owned Limit
IDR 800,000,000.00
of IDR 1,000,000,000.00
Counterparty’s Limit
IDR 800,000,000.00
of IDR 1,000,000,000.00
ID
EN
2
Lidwina
Lidwina@pertamina.co.id
Home
Payments
Collections
Liquidity
Bank Guarantee
Import
Export
Value Chain
Foreign Exchange
Kopra Partnership
Tracker
Reports
Utilities
Help
Collapse
Previous Kopra design
KOPRA NEW DESIGN
Kopra by Mandiri
Kopra by Mandiri is Bank Mandiri’s comprehensive wholesale banking service, designed to cater to your business transactions needs for Cash Management, Value Chain and Trade all within a single portal.
Design Objectives
Initially, Kopra had nine separate wholesale banking channels that were forced into a single dashboard. As a result, when Kopra was first released, it suffered from poor performance and an unfriendly UI/UX experience—such as long loading times, inconsistent navigation across channels, and unexpected logouts when using the browser’s back button. Many clients complained about these issues and preferred to access their original channels directly instead of using Kopra. Therefore, our team aims to revamp Kopra into a true all-in-one dashboard, built natively as a unified platform rather than fragmented across multiple channels.
The Design Process
Research and Discovery
Conducted user research to understand the pain points and needs of potential users.
Wireframing and Prototyping
Created wireframes to outline the basic structure and flow of the application. And developed interactive prototypes to test and refine the user experience.
Visual Design
Designed UI elements with a focus on simplicity and clarity, ensuring that users can easily find and use key features.
Validation
Conducting design validation involves organizing another round of usability testing and evaluating the usability of the design using the System Usability Scale. This iterative process can be utilized for further design refinements
Development Collaboration
Worked closely with developers to ensure the design was implemented accurately and efficiently.
Key Features
Personalized Management Dashboard
Users can customize widgets and dashboard views according to their business needs, making relevant information—such as transactions, cash positions, or notifications—easier to access.
Visual & Flexible Liquidity Management
With an interactive drag-and-drop interface, users can intuitively manage liquidity allocation and cash distribution across business units more efficiently.
Saved Transfer Templates & High-Volume Uploads
Allows users to save favorite transfer templates for recurring transactions and supports bulk uploads of up to 50,000 transactions in a single submission, driving operational efficiency.
Electronic Invoice Presentment & Payment (EIPP) with Automated Reconciliation
Simplifies invoice distribution and billing through digital channels, complete with automatic reminders (via Kopra or Livin’) and real-time reconciliation—helping accelerate cash flow and reduce manual errors.
Comprehensive Service Suite under Single Sign-On (SSO)
– Cash Management, Value Chain, Trade: all integrated under one access point.
– Additional Modules: including e-FX (Forex Online), Mandiri Smart Account (virtual sub-accounts), Online Custody, Reconciliation Portal, Hospital Solutions, Bill Reminder, Beyond Border, Mobile App, Mobile Token, and more.
Previous Kopra design
KOPRA NEW DESIGN
Hi, Lidwina Maha Rani
Here’s what’s going on today
Customize
Available Balance
IDR
3,507,651,367.00
15.72%
Overview
History
View balance detail
Opening Balance
IDR 3,031,038,710.00
Net Cash Movement
IDR 476,612,657.00
Cash In
IDR 526,374,100.00
Cash Out
IDR 49,761,443.00
Things to do
Recently
Cash Management
Value Chain
Trade
Single Transfer To Mandiri
Short explaination
Single Transfer To Other Bank
Short explaination
Multiple Transfer Manual Input
Short explaination
Multiple Transfer File Upload
Short explaination
Transaction Overview
Channel
Cash Management
Pending Transaction
2
Rejected
5
Failed
1
Partial Success
2
Need to Repair
Success
Single Transfer to Bank Mandiri
13 Oktober 2023, 19:00 WIB
New Beneficiary
Cut Off Time Reminder
Single Transfer to Other Bank
13 Oktober 2023, 19:00 WIB
New Beneficiary
e-Tax Payment
13 Oktober 2023, 19:00 WIB
Bill Payment
13 Oktober 2023, 19:00 WIB
March 2024
Su
Mo
Tu
We
Th
Fr
Sa
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
22 March 2024
Bank Guarantee Akan Expired dalam 5 hari
Transaction History
Daily
Weekly
Monthly
Cash In
Cash Out
100M
75M
50M
10M
Nov
Dec
Jan
Feb
Mar
Apr
Limit Information
Trade
Value Chain
Available
Pending
Owned Limit
IDR 800,000,000.00
of IDR 1,000,000,000.00
Counterparty’s Limit
IDR 800,000,000.00
of IDR 1,000,000,000.00
ID
EN
2
Lidwina
Lidwina@pertamina.co.id
Home
Payments
Collections
Liquidity
Bank Guarantee
Import
Export
Value Chain
Foreign Exchange
Kopra Partnership
Tracker
Reports
Utilities
Help
Collapse