Akbar Fadillah Hermawan
Back
Sunday, March 9, 2025
DPLK (Dana Pensiun Lembaga Keuangan) Bank Rakyat Indonesia
DPLK (Dana Pensiun Lembaga Keuangan) Bank Rakyat Indonesia
Sunday, March 9, 2025
Sunday, March 9, 2025
DPLK BRI is a pension program managed by Bank Rakyat Indonesia (BRI). It is designed to help individuals and companies prepare for retirement in an independent and well-planned manner, providing financial security during retirement.
DPLK BRI is a pension program managed by Bank Rakyat Indonesia (BRI). It is designed to help individuals and companies prepare for retirement in an independent and well-planned manner, providing financial security during retirement.
DISCLAIMER!
DISCLAIMER!
The content and visuals on this page are shared solely for personal portfolio purposes, based on the author's perspective as a UI/UX Designer involved in the project. They do not represent actual data or conditions. All information has been modified for public presentation.
The content and visuals on this page are shared solely for personal portfolio purposes, based on the author's perspective as a UI/UX Designer involved in the project. They do not represent actual data or conditions. All information has been modified for public presentation.
Project Overview
Project Overview
DPLK BRI is a Financial Institution Pension Fund service provided by Bank BRI to help companies and individuals manage their pension funds. In this project, I was involved in the UI/UX development of DPLK BRI's digital system, which consists of five core modules.
The goal of this project was to create an intuitive and efficient dashboard tailored to the needs of users in corporate and financial environments, while ensuring compliance with design standards and industry regulations.
DPLK BRI is a Financial Institution Pension Fund service provided by Bank BRI to help companies and individuals manage their pension funds. In this project, I was involved in the UI/UX development of DPLK BRI's digital system, which consists of five core modules.
The goal of this project was to create an intuitive and efficient dashboard tailored to the needs of users in corporate and financial environments, while ensuring compliance with design standards and industry regulations.
Background & Project Kick-Off
Background & Project Kick-Off
The project began in mid-2024 with a kick-off meeting involving all participating teams, including myself, to align on the initial planning stages. During the meeting, we discussed several key aspects:
Project preparation, including the required resources
Timeline and project phases to be executed
Roles and responsibilities of each team member
Risk mitigation strategies in case of potential challenges
Design concept and UX approach to be implemented
In the first phase, we focused on discussing the Business Requirements, which outlined the business scope and essential needs that the system must fulfill. The main goal of the project is to enhance the efficiency of pension fund management through a more modern and user-friendly digital platform.
The project began in mid-2024 with a kick-off meeting involving all participating teams, including myself, to align on the initial planning stages. During the meeting, we discussed several key aspects:
Project preparation, including the required resources
Timeline and project phases to be executed
Roles and responsibilities of each team member
Risk mitigation strategies in case of potential challenges
Design concept and UX approach to be implemented
In the first phase, we focused on discussing the Business Requirements, which outlined the business scope and essential needs that the system must fulfill. The main goal of the project is to enhance the efficiency of pension fund management through a more modern and user-friendly digital platform.
Project Details
Project Details
2.1 Role in the Project
2.1 Role in the Project
As a UI/UX Designer, I was responsible for:
Designing user interfaces that are intuitive and aligned with user needs
Creating wireframes and high-fidelity mockups based on research and analysis
Conducting design audits to ensure the implementation matches the original design
Collaborating with developers, project managers, and stakeholders to align project objectives
As a UI/UX Designer, I was responsible for:
Designing user interfaces that are intuitive and aligned with user needs
Creating wireframes and high-fidelity mockups based on research and analysis
Conducting design audits to ensure the implementation matches the original design
Collaborating with developers, project managers, and stakeholders to align project objectives
2.2 Responsibilities
2.2 Responsibilities
UI/UX Design – Created responsive and user-friendly interface designs
Concept & Prototyping – Translated user needs into wireframes and high-fidelity mockups
QA/Design Audit – Ensured the implemented design met predefined standards and guidelines
Team Coordination – Collaborated with the PM, Lead UI/UX Designer, internal developers, and BRI’s technical team
Problem Solving – Tackled challenges under tight deadlines, including completing a 10-page mockup within 5 hours for an urgent presentation
UI/UX Design – Created responsive and user-friendly interface designs
Concept & Prototyping – Translated user needs into wireframes and high-fidelity mockups
QA/Design Audit – Ensured the implemented design met predefined standards and guidelines
Team Coordination – Collaborated with the PM, Lead UI/UX Designer, internal developers, and BRI’s technical team
Problem Solving – Tackled challenges under tight deadlines, including completing a 10-page mockup within 5 hours for an urgent presentation
2.3 Project Duration
2.3 Project Duration
The project spanned over 12 months and was divided into five main phases:
Phase 1: 2 months
Phase 2: 2 months
Phase 3: 2 months
Phase 4: 2–3 months
Phase 5: 2 months
The project spanned over 12 months and was divided into five main phases:
Phase 1: 2 months
Phase 2: 2 months
Phase 3: 2 months
Phase 4: 2–3 months
Phase 5: 2 months
2.4 UI/UX Workflow in the DPLK BRI Project
2.4 UI/UX Workflow in the DPLK BRI Project
Design Concepting & Presentation – Developed the initial design concept as a foundation for future screens to ensure consistency across the product
Information Architecture – Structured navigation flow and data organization to deliver an efficient user experience
Wireframing & Ideation – Created early layout sketches using Figma to define key screen structures
High-Fidelity UI Design – Designed the final interface using consistent UI components and visual guidelines
Prototyping & User Testing – Built interactive prototypes for testing by BRI users and stakeholders
Design Iteration & Feedback – Revised designs based on user testing results and stakeholder input
Developer Handover – Provided detailed design specifications via Figma along with supporting documentation
QA & Implementation Check – Conducted design audits to ensure accurate implementation according to the approved design
Design Concepting & Presentation – Developed the initial design concept as a foundation for future screens to ensure consistency across the product
Information Architecture – Structured navigation flow and data organization to deliver an efficient user experience
Wireframing & Ideation – Created early layout sketches using Figma to define key screen structures
High-Fidelity UI Design – Designed the final interface using consistent UI components and visual guidelines
Prototyping & User Testing – Built interactive prototypes for testing by BRI users and stakeholders
Design Iteration & Feedback – Revised designs based on user testing results and stakeholder input
Developer Handover – Provided detailed design specifications via Figma along with supporting documentation
QA & Implementation Check – Conducted design audits to ensure accurate implementation according to the approved design
2.5 Tools Used
2.5 Tools Used
Figma – For designing wireframes, mockups, and interactive prototypes
Task Management Dashboard – To manage tasks and collaborate with the development team
Google Meet – For communication and coordination with the team
Excel & Google Sheets – For documentation and data analysis
Figma – For designing wireframes, mockups, and interactive prototypes
Task Management Dashboard – To manage tasks and collaborate with the development team
Google Meet – For communication and coordination with the team
Excel & Google Sheets – For documentation and data analysis
2.6 Cross-Functional Team
2.6 Cross-Functional Team
Lead UI/UX Designer – Provided direction and feedback on design
Product Manager (PM) – Ensured the design aligned with business needs
Frontend & Backend Developers – Implemented the design into the system
QA Team – Tested the implemented design to ensure there were no errors
BRI Users & Stakeholders – Provided feedback for iterative design improvements
Lead UI/UX Designer – Provided direction and feedback on design
Product Manager (PM) – Ensured the design aligned with business needs
Frontend & Backend Developers – Implemented the design into the system
QA Team – Tested the implemented design to ensure there were no errors
BRI Users & Stakeholders – Provided feedback for iterative design improvements
Challenges Faced & Solutions
Challenges Faced & Solutions
3.1 Tight Deadlines & Urgent Requests
3.1 Tight Deadlines & Urgent Requests
Challenge: In some situations, I was required to complete designs within very short timeframes, such as when I had to create a 10-page mockup in 5 hours for a presentation to BRI.
Solution: I prioritized key features and layouts first, leveraged reusable components in Figma, and applied a sprint design approach to complete the work quickly without compromising quality.
Challenge: In some situations, I was required to complete designs within very short timeframes, such as when I had to create a 10-page mockup in 5 hours for a presentation to BRI.
Solution: I prioritized key features and layouts first, leveraged reusable components in Figma, and applied a sprint design approach to complete the work quickly without compromising quality.
3.2 System Complexity & Business Workflows
3.2 System Complexity & Business Workflows
Challenge: The DPLK system involved numerous business rules and scenarios that had to be carefully considered in the design.
Solution: I held intensive discussions with the product team to gain a clear understanding of each process, created flowcharts for menus, and conducted design iterations with feedback to ensure the design aligned with user needs and regulatory requirements.
Challenge: The DPLK system involved numerous business rules and scenarios that had to be carefully considered in the design.
Solution: I held intensive discussions with the product team to gain a clear understanding of each process, created flowcharts for menus, and conducted design iterations with feedback to ensure the design aligned with user needs and regulatory requirements.
3.3 Collaboration with Multiple Teams
3.3 Collaboration with Multiple Teams
Challenge: In this project, I had to coordinate with various teams, including the internal company team, BRI's team, as well as the QA and development teams. Cross-team communication became a challenge.
Solution: I regularly used the company’s task management tool to track progress. Additionally, I held direct discussions when necessary and organized online meetings whenever possible to ensure smooth communication and alignment across teams.
Challenge: In this project, I had to coordinate with various teams, including the internal company team, BRI's team, as well as the QA and development teams. Cross-team communication became a challenge.
Solution: I regularly used the company’s task management tool to track progress. Additionally, I held direct discussions when necessary and organized online meetings whenever possible to ensure smooth communication and alignment across teams.
3.4 Maintaining Design Consistency Across Five Different Modules
3.4 Maintaining Design Consistency Across Five Different Modules
Challenge: Since the project consisted of five modules with varying functionalities, maintaining consistent design across all modules was a challenge to ensure users wouldn't feel confused when switching between them.
Solution: I implemented a component-based Design System in Figma, ensuring all UI elements remained consistent. Additionally, I conducted design QA to ensure no deviations in the implementation.
Challenge: Since the project consisted of five modules with varying functionalities, maintaining consistent design across all modules was a challenge to ensure users wouldn't feel confused when switching between them.
Solution: I implemented a component-based Design System in Figma, ensuring all UI elements remained consistent. Additionally, I conducted design QA to ensure no deviations in the implementation.
Conclusion & Key Takeaways
Conclusion & Key Takeaways
4.1 Conclusion
4.1 Conclusion
The DPLK BRI project was a valuable experience in designing UI/UX for a complex banking environment. Despite time constraints and technical challenges, I successfully contributed to creating a more modern, efficient, and user-friendly digital dashboard for BRI administrators across Indonesia.
The success of this project came not only from great design but also from solid collaboration strategies, a deep understanding of business needs, and the ability to adapt to rapid changes.
The DPLK BRI project was a valuable experience in designing UI/UX for a complex banking environment. Despite time constraints and technical challenges, I successfully contributed to creating a more modern, efficient, and user-friendly digital dashboard for BRI administrators across Indonesia.
The success of this project came not only from great design but also from solid collaboration strategies, a deep understanding of business needs, and the ability to adapt to rapid changes.
4.2 Key Takeaways
4.2 Key Takeaways
Time Management & Prioritization
→ Successfully completed designs within short timeframes without compromising quality, such as creating a 10-page mockup in 5 hours.
Time Management & Prioritization
→ Successfully completed designs within short timeframes without compromising quality, such as creating a 10-page mockup in 5 hours.
Effective Communication & Collaboration
→ Managed communication with various cross-functional teams using Google Workspace, and created design documentation to streamline the handover process.
Effective Communication & Collaboration
→ Managed communication with various cross-functional teams using Google Workspace, and created design documentation to streamline the handover process.
Problem-Solving in a Dynamic Environment
→ Addressed frequent project changes with an iterative and agile approach, ensuring designs aligned with both user and business needs.
Problem-Solving in a Dynamic Environment
→ Addressed frequent project changes with an iterative and agile approach, ensuring designs aligned with both user and business needs.
Consistent Application of Design Systems
→ Maintained design consistency across five different modules through reusable components in Figma, enhancing efficiency in iterations and implementation.
Consistent Application of Design Systems
→ Maintained design consistency across five different modules through reusable components in Figma, enhancing efficiency in iterations and implementation.
Enhanced Skills in UX Research & Business Understanding
→ Gained a deeper understanding of banking business workflows and DPLK regulations, which was crucial for creating designs that are not only aesthetically pleasing but also functional and industry-compliant.
Enhanced Skills in UX Research & Business Understanding
→ Gained a deeper understanding of banking business workflows and DPLK regulations, which was crucial for creating designs that are not only aesthetically pleasing but also functional and industry-compliant.
Discover the services I offer
I offer professional UI/UX design services to enhance your digital products.
Let’s work together to bring your ideas to life.
Discover the services I offer
I offer professional UI/UX design services to enhance your digital products. Let’s work together to bring your ideas to life.
Discover the services I offer
I offer professional UI/UX design services to enhance your digital products. Let’s work together to bring your ideas to life.
Get in touch!
Get in touch!
Get in touch!
Have questions or need a tailored UI/UX solution for your project? Let’s talk! I’d be happy to discuss how we can bring your product vision to life.
Timelines may vary depending on feedback rounds or urgency. For large-scale projects, I typically break them into weekly modules for structured execution and better milestone tracking.