Product DesignDesign SystemBanking

Redesigning BRI's Pension Fund Management Platform

End-to-end UI/UX design for 5 modules of DPLK BRI's digital platform — navigating banking regulations while maintaining usability standards across a 12-month engagement.

Bank BRI Cover Mockup

DPLK BRI is a Financial Institution Pension Fund service provided by Bank BRI to help companies and individuals manage their pension funds. I was involved in the UI/UX development of DPLK BRI’s digital system across five core modules over 12 months.

The goal: create an intuitive and efficient dashboard for users in corporate and financial environments, while ensuring full compliance with design standards and banking regulations.

Approach

Workflow

Research → Information Architecture → Wireframing → High-Fidelity Design → Prototyping → User Testing → Design Iteration → Developer Handover → QA & Implementation Check

Design System

I implemented a component-based Design System in Figma, ensuring all UI elements remained consistent across all five modules. Reusable components reduced redesign effort and maintained visual and behavioral consistency throughout development cycles.

Banking Regulation Compliance

Held intensive discussions with the product team to understand each regulatory requirement, created detailed flowcharts, and iterated through 30+ user flows to ensure 100% compliance without sacrificing usability.

Speed Under Pressure

When required, I completed a 10-page mockup in 5 hours for an urgent BRI presentation — prioritizing key features, leveraging reusable components, and applying a sprint design approach without compromising quality.

The Problem

The DPLK system involved numerous banking regulations and complex business scenarios that had to be carefully considered in every design decision. The challenge was maintaining design consistency across five different modules with varying functionalities — ensuring users wouldn't feel confused when switching between them — while meeting tight deadlines and navigating frequent requirement changes.

Key Outcomes

5 modules delivered end-to-end across a 12-month engagement

30+ user flows iterated to ensure banking compliance

Design system adopted across all modules for consistency

Successful post-launch QA in collaboration with developers, QA team, and PM

Key Takeaways & Reflection

"This project reinforced that designing for regulated industries requires equal parts empathy and precision. Understanding banking workflows deeply was as important as design skill — and the ability to adapt quickly to changing requirements while maintaining quality is what separates good designers from reliable ones."