LAST UPDATED
Wednesday, May 14, 2025, 9:34 PM UTC +7 (Jakarta)
An easier method to exchange for smaller or damaged money.
WHAT WE DO
Website Revamp and Flow Optimizations. This is UI/UX Design Bootcamp Projects at Purwadhika, and finished within two weeks.
TECHNOLOGY
Interface created with Figma, wireframing the skeleton using Whimsical. Possible to develop from scratch or using no-code web builder, like Webflow, etc.
DELIVERABLES
10+ High Resolutions Interfaces, a Figma slides Presentations and a prototyping video sample.
INTRODUCTION
PINTAR BI adalah layanan berbasis web-apps oleh Bank Indonesia untuk melayani kebutuhan keuangan masyarakat, seperti penukaran uang untuk denominasi yang lebih kecil, uang rusak, etc.
Ini adalah proyek revamp di minggu kedua ketika saya belajar di Purwadhika. Saya ditugaskan untuk melakukan revamp dalam alur ticketing system, yaitu alur ketika user melakukan penjadwalan sesi penukaran uang.
PROBLEMS IN A GLANCE
The PINTAR BI website was launched by the Indonesian government in 2020, but it remains unknown to the public. I conducted an in-depth analysis to understand why.
To exchange currency, users must first book a session on the PINTAR website before visiting the Bank Indonesia headquarters. However, the website has low traffic and a high bounce rate. I believe this issue stems from a poorly designed and non-responsive user interface.
WHY THIS PLATFORM NEEDS AN IMPROVEMENT?
As a public service accessed by many, PINTAR BI needs a fresh and user-friendly design.
Beyond driving positive business impact, it is my responsibility as a designer to ensure users have a satisfying experience when using the PINTAR platform. After adopting some examples and flow from similar website, finally i can implement better design and easier flow for users to finishes their intended task.
High Bounce rate that drives this design improvement.
I did a research about PINTAR website stats to gain insights into user behavior and help guide my design decisions.
HIGH BOUNCE RATE PROBLEMS AND OPPORTUNITIES THAT COME
Did a User Research & Testing Sessions to validate those problems
I gathered feedback from users through a Google Form, asking various questions relevant to the features on the PINTAR website. For each issue identified, I proposed a series of potential solutions to address user concerns. Once the data was collected, I analyzed and organized it, with the results presented in the Insight Summary below.
Gather related data from user feedback, through online forms, deciding what problem opportunites i can provide.
Simplify ticketing flow, did a further analysis myself.
Improving the ticketing system flow was a priority for this project, so I researched various flows that could be applied to the PINTAR website. I found that the ticketing flows on the Apple and Samsung websites were particularly suitable for adoption. Both offer a modern UI, an easy booking process, and clear end goals.
COMPARING THE TICKETING SYSTEM FLOW FROM APPLE, SAMSUNG AND PINTAR ITSELF.
VISUALIZING THE USER JOURNEY MAPPING WHEN ACCESSING FEATURES ON PINTAR BI
Composing the High Fidelity UI Screens for PINTAR BI
I studied several layout samples from various bank websites, analyzing how they arrange their components, place content, and visualized the redesign of the currency exchange page and the overall flow that needed improvement. I was also inspired to adopt ticketing flows from Samsung and Apple to create a more efficient process.
Designing Improved Ticketing System Flow
I studied several layout samples from various bank websites, analyzing how they arrange their components, place content, and visualized the redesign of the currency exchange page and the overall flow that needed improvement. I was also inspired to adopt ticketing flows from Samsung and Apple to create a more efficient process.
VISUALIZING THE WIREFRAME
Pemilihan Uang
Konfirmasi
Konfirmasi Sesi
Pelajari Tentang PINTAR
Penukaran Rupiah
Informasi lokasi
PINTAR BI Picking Location
Pemilihan spot
Edukasi Tentang Rupiah
PINTAR SiapBantu
Pengisian biodata
NEW DESIGNED FLOW​
Educate Indonesians about Rupiah
NEW DESIGNED FLOW
Picking Locations Accurately
NEW DESIGNED FLOW​
Pick the locations and time. Easy and intuitive.
NEW DESIGNED FLOW​
Filling personal details flow
NEW DESIGNED FLOW​
Picking the right amount of money.
NEW DESIGNED FLOW​
Fully functional confirmation page.
Project takeaway
What i learned during this project.
THIS PROJECT
I dedicated a significant amount of time to this project, including conducting research by sending questions to well-known banks. I inquired about their currency exchange policies and cycles, which might be applicable to PINTAR BI.
I hope this project will be beneficial and serve as a foundation for improving the design and transaction flow on the PINTAR BI website. Dear readers, if you have any feedback on this case study, please fill out the feedback form here.
Thank you for reading—I truly appreciate it. See you in the next case study.
As what i stated before, this is a brand new experiences for me. This is a good stepping stone to improve my design taste and knowledge. I think there is a lot more to come in the future. Throught this project, i learned a lot about project management system, a new things. I hope i can learn more so i can finally be a good Product Designer.