Revamp bpr dompet berkah pandeglang
Apps Name
Dompet Berkah Mobile App
Year
2022
Hi, folks. Jadi ini adalah salah satu project yang aku kerjakan saat aku magang di salah satu perusahaan baru di Bandung. Project ini aku kerjakan bersama tim UI/UX yang berjumlah 3 orang termasuk aku.
Disclaimer : Project ini telah mendapatkan brief requirement dari client.
Overview
Dompet Berkah Mobile App adalah aplikasi banking milik Bank Perkreditan Rakyat (BPR) Kabupaten Pandeglang. Dibuat untuk memudahkan nasabah dalam melakukan transaksi perbankan mereka.
Tampilan Lama BPR Domper Berkah Pandeglang
Problem Statement
Sebelumnya, perusahaan telah membuat aplikasi untuk BPR Pandeglang. Namun, karena dirasa masih kurang user friendly dan experience user saat memakai aplikasi ini kurang bagus akhirnya memutuskan untuk melakukan improvement pada beberapa bagian. Mulai dari warna dan juga task flow.
Roles and Responsibilities
Kami bertiga membagi tugas saat pengerjaan project ini. Aku saat itu mendapatkan bagian mengerjakan flow registrasi dan aktivasi, flow deposito, flow tabungan, dan flow transfer. Setelah selesai mendesain, aku minta review dari tim untuk mendapatkan feedback dan review bagian mana yang masih kurang.
Challenges
Pada penyelesaian desain ini, hal yang menurut saya challenging adalah saat menentukan warna aplikasi. Dikarenakan client meminta warna aplikasi mereka tidak jauh dari warna logo mereka. Namun, warna logo mereka adalah kuning menyala. Yang mana saat diimplementasikan ke desain, menjadi "sakit" di mata dan tidak nyaman.
Pain Points
Karena sebelumnya aplikasi ini sudah pernah dibuat, didevelop dan sudah launching ada beberapa feedback dari project manager yaitu
1. Warna yang terlalu mencolok
2. Beberapa flow masih ada yang kurang lengkap
Room for Improvement
Dari paint points yang muncul ada beberapa celah untuk memperbaiki aplikasi agar experience user saat memakai aplikasi ini menjadi lebih baik. Yaitu dengan memperbaiki warna aplikasi dan membuat flow yang jelas dan mudah dimengerti oleh nasabah.
Define
Dalam step ini, kami mendefinisikan seperti apa masalah yang muncul dan bagaimana kita dapat mengatasi masalah tersebut. Kami membuat user flow untuk memvisualkan langkah-langkah setiap task yang harus nasabah selesaikan.
User flow
User flow adalah langkah-langkah yang memberikan alur bagaimana nasabah dapat menyelesaikan goals dari entry point awal. Pada tahap ini kami membuat userflow memakai software Miro. Kami tidak hanya membuat untuk positive case saja, namun kami juga membuat untuk negative case.
User Flow
Ideate
Dalam step ini, kami melakukan diskusi untuk color ideation dan juga text styles.
Color Ideation
Bagian ini yang telah aku mention sebelumnya sebagai hal yang challenging dikarenakan warna logo yang mencolok. Kami menggunakan color harmonies melalui plugin di figma yaitu "Color Designer" untuk mendapatkan warna yang memiliki tone mirip seperti warna logo namun lebih enak dipandang oleh mata nasabah.
Color Styles
Text Styles
Pada bagian ini, kami memakai text styles seperti aplikasi yang lama. Karena dirasa sudah cukup dan tidak perlu dilakukan improvement.
Text Styles
Prototyping
Dalam membuat desain high fidelity desain hal yang menurutku challenging adalah saat mendesain tidak hanya mendesain positive case saja, namun juga harus memikirkan bagaimana tampilan kalau error, lalu empty statenya bagaimana. Bahkan untuk componentnya juga mendesain bagaimana saat default, typing, fill, dan juga error. Dalam step ini kami juga meminta saran kepada masing-masing partner tim UI/UX apakah ada yang kurang enak dipandang atau mungkin flownya salah. Untuk kebutuhan gambar seperti icon, ilustrasi, dan juga banner kami meminta kepada tim graphic design untuk menghandlenya.
High-fidelity Design
Presentation
Setelah selesai membuat desain semua task flow, kami tim UI/UX melakukan presentasi dengan developer dan juga project manager untuk mendapatkan feedback dan opini dari mereka. Apakah kiranya ada yang sulit untuk didevelop atau ada flow yang masih kurang. Setelah dari presentasi kami tim UI/UX melakukan revisi dari presentasi yang telah dilakukan.
Closing
That’s all the explanation of this project. I got a lot of insight and made several opportunity ideas.
​
Aku mendapatkan banyak insight dan wawasan baru terkait dengan pemilihan warna dan juga membuat empty state dan juga negative case, hope will be useful for me in the future. Feel free to comments, I am very open to receiving feedback and suggestions. Thank you for your time and attention to read :)
​
Thanks to:
- UI/UX Teammates
- Project Manager, developer and graphic designer team