



UI/UX Designer | Product Design
Feb - Mar 2025
Figma, Balsamiq,Confluence
Device Mobile Android
What Is GroTrack?
GroTrack adalah salah satu produk dalam GroUp (B2B Super Apps), yang digunakan untuk Reseller dan distributor dalam memantau pesanan mereka, memeriksa status pengiriman dari principle, dan mengelola batas kredit dari bank.
GroUp adalah platform digital yang memudahkan pemilik toko memesan produk tanpa menunggu kunjungan staf distributor
My Roles & Responsibility
User Research (Define) & Diskusi Wireframe dengan Business Analyst
Design Ideation, excecution Design User Interfacce & Protoyping and handover
Usability Testing (Prototype - Flow)
Management File Design & Show Presentation
Insights & Problem Story
Reseller dan Distributor yang menggunakan GroTrack sering mengelola kredit di beberapa bank dengan batas dan pemanfaatan berbeda, namun belum tersedia sistem terpusat yang menampilkan posisi kredit mereka secara transparan.


Masalah berikutnya Kesulitan dalam menavigasi dan memahami Daftar Bank pengguna dan Pelacakan Status Pesanan Berkelanjutan yang Tidak Efisien. Pola tampilan ini dianggap kurang efektif dalam menyajikan informasi dan akses cepat yang dibutuhkan oleh pengguna.



Ideation
Menentukan prioritas fitur yang perlu dioptimalkan, seperti akses informasi, tracking pengiriman, dan pengelolaan kredit.




Solution
Saya telah mengadakan sesi kolaborasi bersama Business Analyst dan Product Manager untuk menggali detail lebih lanjut terkait proyek ini. Dari hasil diskusi, disepakati fokus utama pengembangan adalah meningkatkan aksesibilitas informasi dan mengoptimalkan fitur-fitur utama. Salah satu langkah strategis yang diambil adalah dengan melakukan desain ulang beranda aplikasi, dengan menambahkan tiga aspek utama sebagai prioritas pengembangan.

Bagian Pengelolaan sampai Batas Kredit dan List Bank Finco
Bagian Batas Kredit Pastikan pengguna dapat dengan cepat mengakses wawasan penting tentang pinjaman, kredit, dan pelacakan pesanan secara sekilas, sehingga mengurangi kebutuhan akan navigasi yang berlebihan.


Tracking atau Pelacakan Status & Navigation Bar
Untuk meningkatkan kesadaran pengguna terhadap transaksi yang sedang berlangsung, saya membuat pelacak status pesanan langsung di beranda yang menyediakan pembaruan waktu nyata mengenai kemajuan pesanan.




Dashboard Pinjaman
Dasbor Pinjaman menyediakan tampilan terpusat bagi pengguna mengenai detail kredit dan pinjaman mereka, yang memungkinkan pengelolaan dan pengambilan keputusan keuangan yang lebih baik. Dirancang untuk kejelasan dan kemudahan penggunaan, dasbor ini menawarkan wawasan waktu nyata mengenai status pinjaman, penggunaan kredit, dan kemajuan pembayaran.
Pelacakan Penggunaan Kredit Harian
Pengguna dapat memantau pengeluaran kredit harian mereka secara real-time, membantu mereka tetap mendapat informasi tentang kebiasaan belanja dan membuat keputusan keuangan yang lebih baik.



Transaksi Kredit Bank
Dasbor mengkategorikan penggunaan kredit oleh berbagai bank, memberikan perincian pengeluaran yang jelas di berbagai akun. Fitur ini membantu pengguna mengoptimalkan penyaluran kredit dan mengelola pembayaran kembali secara efektif.
Batas Pinjamann
Tampilan dinamis batas kredit pengguna yang tersedia, diperbarui setiap kali ada transaksi untuk memberikan visibilitas keuangan yang akurat.



Alokasi Pinjaman
Uraian terperinci tentang bagaimana pinjaman dialokasikan di berbagai bank, memastikan pengguna memahami saldo terutang dan struktur pembayarannya.
Usubility Testing
Dari hasil usability testing, kami menemukan bahwa ada beberapa hal yang perlu ditingkatkan dalam menampilka detail dari sebuah User Interface seperti :
Menambahkan Chevron untuk Menyorot Titik Sentuh Legend
Dari hasil usability testing, kami menemukan bahwa pengguna melewatkan versi pertama karena mereka tidak mengetahui bahwa daftar bank pada legenda dapat diklik untuk menampilkan detailnya

Menambahkan Tooltip di setiap bagian
Pengguna ragu menggunakan fitur tersebut karena minimnya konteks, sehingga diperlukan informasi pendukung.


Impact Design
Pengguna menyukai antarmuka yang mudah diprediksi, apalagi untuk hal keuangan
Pengguna butuh rasa aman saat melakukan transaksi. Saya belajar bahwa interaksi yang membingungkan bisa menambah kecemasan. Mengganti dropdown dengan bottom sheet berhasil mengurangi rasa tidak pasti, sehingga pengguna merasa lebih percaya diri
Feedback adalah kunci perbaikan
Saya sadar, tanpa masukan dari orang lain, kita bisa terjebak di pola pikir sendiri. Dengan rutin meminta feedback dan terbuka terhadap kritik, saya bisa menemukan celah masalah UX yang sebelumnya terlewat dan terus memperbaiki aplikasi agar benar-benar nyaman untuk pengguna.
UI/UX Designer | Product Design
Feb - Mar 2025
Figma, Balsamiq,Confluence
Device Mobile Android
What Is GroTrack?
GroTrack adalah salah satu produk dalam GroUp (B2B Super Apps), yang digunakan untuk Reseller dan distributor dalam memantau pesanan mereka, memeriksa status pengiriman dari principle, dan mengelola batas kredit dari bank.
GroUp adalah platform digital yang memudahkan pemilik toko memesan produk tanpa menunggu kunjungan staf distributor
My Roles & Responsibility
User Research (Define) & Diskusi Wireframe dengan Business Analyst
Design Ideation, excecution Design User Interfacce & Protoyping and handover
Usability Testing (Prototype - Flow)
Management File Design & Show Presentation
Insights & Problem Story
Reseller dan Distributor yang menggunakan GroTrack sering mengelola kredit di beberapa bank dengan batas dan pemanfaatan berbeda, namun belum tersedia sistem terpusat yang menampilkan posisi kredit mereka secara transparan.


Masalah berikutnya Kesulitan dalam menavigasi dan memahami Daftar Bank pengguna dan Pelacakan Status Pesanan Berkelanjutan yang Tidak Efisien. Pola tampilan ini dianggap kurang efektif dalam menyajikan informasi dan akses cepat yang dibutuhkan oleh pengguna.




Ideation
Menentukan prioritas fitur yang perlu dioptimalkan, seperti akses informasi, tracking pengiriman, dan pengelolaan kredit.




Solution
Saya telah mengadakan sesi kolaborasi bersama Business Analyst dan Product Manager untuk menggali detail lebih lanjut terkait proyek ini. Dari hasil diskusi, disepakati fokus utama pengembangan adalah meningkatkan aksesibilitas informasi dan mengoptimalkan fitur-fitur utama. Salah satu langkah strategis yang diambil adalah dengan melakukan desain ulang beranda aplikasi, dengan menambahkan tiga aspek utama sebagai prioritas pengembangan.


Bagian Pengelolaan sampai Batas Kredit dan List Bank Finco
Bagian Batas Kredit Pastikan pengguna dapat dengan cepat mengakses wawasan penting tentang pinjaman, kredit, dan pelacakan pesanan secara sekilas, sehingga mengurangi kebutuhan akan navigasi yang berlebihan.




Tracking atau Pelacakan Status & Navigation Bar
Untuk meningkatkan kesadaran pengguna terhadap transaksi yang sedang berlangsung, saya membuat pelacak status pesanan langsung di beranda yang menyediakan pembaruan waktu nyata mengenai kemajuan pesanan.






Dashboard Pinjaman
Dasbor Pinjaman menyediakan tampilan terpusat bagi pengguna mengenai detail kredit dan pinjaman mereka, yang memungkinkan pengelolaan dan pengambilan keputusan keuangan yang lebih baik. Dirancang untuk kejelasan dan kemudahan penggunaan, dasbor ini menawarkan wawasan waktu nyata mengenai status pinjaman, penggunaan kredit, dan kemajuan pembayaran.
Pelacakan Penggunaan Kredit Harian
Pengguna dapat memantau pengeluaran kredit harian mereka secara real-time, membantu mereka tetap mendapat informasi tentang kebiasaan belanja dan membuat keputusan keuangan yang lebih baik.




Transaksi Kredit Bank
Dasbor mengkategorikan penggunaan kredit oleh berbagai bank, memberikan perincian pengeluaran yang jelas di berbagai akun. Fitur ini membantu pengguna mengoptimalkan penyaluran kredit dan mengelola pembayaran kembali secara efektif.
Batas Pinjamann
Tampilan dinamis batas kredit pengguna yang tersedia, diperbarui setiap kali ada transaksi untuk memberikan visibilitas keuangan yang akurat.




Alokasi Pinjaman
Uraian terperinci tentang bagaimana pinjaman dialokasikan di berbagai bank, memastikan pengguna memahami saldo terutang dan struktur pembayarannya.
Usubility Testing
Dari hasil usability testing, kami menemukan bahwa ada beberapa hal yang perlu ditingkatkan dalam menampilka detail dari sebuah User Interface seperti :
Menambahkan Chevron untuk Menyorot Titik Sentuh Legend
Dari hasil usability testing, kami menemukan bahwa pengguna melewatkan versi pertama karena mereka tidak mengetahui bahwa daftar bank pada legenda dapat diklik untuk menampilkan detailnya


Menambahkan Tooltip di setiap bagian
Pengguna ragu menggunakan fitur tersebut karena minimnya konteks, sehingga diperlukan informasi pendukung.


Impact Design
Pengguna menyukai antarmuka yang mudah diprediksi, apalagi untuk hal keuangan
Pengguna butuh rasa aman saat melakukan transaksi. Saya belajar bahwa interaksi yang membingungkan bisa menambah kecemasan. Mengganti dropdown dengan bottom sheet berhasil mengurangi rasa tidak pasti, sehingga pengguna merasa lebih percaya diri
Feedback adalah kunci perbaikan
Saya sadar, tanpa masukan dari orang lain, kita bisa terjebak di pola pikir sendiri. Dengan rutin meminta feedback dan terbuka terhadap kritik, saya bisa menemukan celah masalah UX yang sebelumnya terlewat dan terus memperbaiki aplikasi agar benar-benar nyaman untuk pengguna.

Work,
Documentation

Website
GroTrack Application B2B In GroUp
UI/UX Designer at NexSoft
View Detail

Website
Cadira Sysuser (Responsive Website)
UI/UX Designer (Freelancer)
View Detail

Mobile
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft
View Detail

Mobile
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft
View Detail

Website & Mobile
Design System for NexSoft UI Libraries
UI/UX Designer at NexSoft
View Detail

Website
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaitech
View Detail

Website
GroTrack Application B2B In GroUp
UI/UX Designer at NexSoft
View Detail

Website
Cadira Sysuser (Responsive Website)
UI/UX Designer (Freelancer)
View Detail

Mobile
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft
View Detail

Mobile
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft
View Detail

Website & Mobile
Design System for NexSoft UI Libraries
UI/UX Designer at NexSoft
View Detail

Website
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaitech
View Detail

Work,
Documentation

Website
GroTrack Application B2B In GroUp
UI/UX Designer at NexSoft
View Detail

Website
Cadira Sysuser (Responsive Website)
UI/UX Designer (Freelancer)
View Detail

Mobile
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft
View Detail

Mobile
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft
View Detail

Website & Mobile
Design System for NexSoft UI Libraries
UI/UX Designer at NexSoft
View Detail

Website
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaitech
View Detail

Aldi Adi
Saputro
Let’s Work Together!
Let's connect and ready to help you build quality products for your business, please send email to aldiadisaputro76@gmail.com
© 2025 Aldi Adi Saputro. All Rights Reserved

Aldi Adi
Saputro
Let’s Work Together!
Let's connect and ready to help you build quality products for your business, please send email to aldiadisaputro76@gmail.com
© 2025 Aldi Adi Saputro. All Rights Reserved

Aldi Adi
Saputro
Let’s Work Together!
Let's connect and ready to help you build quality products for your business, please send email to aldiadisaputro76@gmail.com
© 2025 Aldi Adi Saputro. All Rights Reserved

Aldi Adi
Saputro
Let’s Work Together!
Let's connect and ready to help you build quality products for your business, please send email to aldiadisaputro76@gmail.com
© 2025 Aldi Adi Saputro. All Rights Reserved