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 & Mobile
Design System for NexSoft UI Libraries
UI/UX Designer at NexSoft - 2023
Nexsoft Design System adalah kumpulan desain milik NexSoft yang berisi komponen antarmuka pengguna dirancang khusus untuk mempermudah pembuatan halaman aplikasi web dan seluler.
View Detail
Mobile
Confidential
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
Mobile
Confidential
NexToken for Authenticator License Registration Code
UI/UX Designer at NexSoft - 2022
Berkontribusi Membuat Produk B2B, NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk ND6
Mobile
Confidential
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft - 2022
Berhasil berkontribusi mengerjakan produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Website
Confidential
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaistech - 2021
Sebuah Aplikasi berbasis website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan. Aplikasi ini digunakan untuk internal PT. Pustaka Obor Indonesia
Mobile, NexToken for Authenticator License Registration Code
NexToken for Authenticator License Registration Code
Mobile
Confidential
UI/UX Designer at NexSoft - 2022
Berkontribusi Membuat Produk B2B seperti NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk berbayar NexSoft Distribution
Berkontribusi Membuat Produk B2B seperti NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk berbayar NexSoft Distribution
Mobile, NexLog for Appliaction Driver In GroUp
NexLog for Appliaction Driver In GroUp
Website
Mobile
Confidential
UI/UX Designer at Hefaistech - 2021
UI/UX Designer at NexSoft - 2022
UI/UX Designer at Hefaistech - 2021
Berhasil berkontribusi mengerjaka produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Berhasil berkontribusi mengerjakan produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Website, Sidabor for Pustaka Obor Indonesia
Sidabor for Pustaka Obor Indonesia
Website
Confidential
UI/UX Designer at Hefaistech - 2021
Sebuah Aplikasi berbasi website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan berupa tampilan dashboard aplikasi ini digunakan untuk internal office Pustaka Obor Indonesia
Sebuah Aplikasi berbasi website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan. Aplikasi ini digunakan untuk internal PT. Pustaka Obor Indonesia
NexStar for Appliaction marketplace In GroUp
Mobile
Confidential
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
NexStar for Appliaction marketplace In GroUp
Mobile
Confidential
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
Design System for NexSoft UI Libraries
Website & Mobile
UI/UX Designer at NexSoft - 2023
Nexsoft Design System adalah kumpulan desain milik NexSoft yang berisi komponen antarmuka pengguna dirancang khusus untuk mempermudah pembuatan halaman aplikasi web dan seluler.
View Detail
Design System for NexSoft UI Libraries
Website & Mobile
UI/UX Designer at NexSoft - 2023
Nexsoft Design System adalah kumpulan desain milik NexSoft yang berisi komponen antarmuka pengguna dirancang khusus untuk mempermudah pembuatan halaman aplikasi web dan seluler.
View Detail
Work,
Documentation
Website & Mobile
Design System for NexSoft UI Libraries
UI/UX Designer at NexSoft - 2023
Nexsoft Design System adalah kumpulan desain milik NexSoft yang berisi komponen antarmuka pengguna dirancang khusus untuk mempermudah pembuatan halaman aplikasi web dan seluler.
View Detail
Mobile
Confidential
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
Mobile
Confidential
NexToken for Authenticator License Registration Code
UI/UX Designer at NexSoft - 2022
Berkontribusi Membuat Produk B2B, NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk ND6
Mobile
Confidential
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft - 2022
Berhasil berkontribusi mengerjakan produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Website
Confidential
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaistech - 2021
Sebuah Aplikasi berbasis website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan. Aplikasi ini digunakan untuk internal PT. Pustaka Obor Indonesia
NexToken for Authenticator License Registration Code
Mobile
Confidential
UI/UX Designer at NexSoft - 2022
Berkontribusi Membuat Produk B2B seperti NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk berbayar NexSoft Distribution
NexLog for Appliaction Driver In GroUp
Mobile
Confidential
UI/UX Designer at Hefaistech - 2021
UI/UX Designer at NexSoft - 2022
Berhasil berkontribusi mengerjakan produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Sidabor for Pustaka Obor Indonesia
Website
Confidential
UI/UX Designer at Hefaistech - 2021
Sebuah Aplikasi berbasi website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan. Aplikasi ini digunakan untuk internal PT. Pustaka Obor Indonesia
NexStar for Appliaction marketplace In GroUp
Mobile
Confidential
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
NexStar for Appliaction marketplace In GroUp
Mobile
Confidential
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
Design System for NexSoft UI Libraries
Website & Mobile
UI/UX Designer at NexSoft - 2023
Nexsoft Design System adalah kumpulan desain milik NexSoft yang berisi komponen antarmuka pengguna dirancang khusus untuk mempermudah pembuatan halaman aplikasi web dan seluler.
View Detail
Design System for NexSoft UI Libraries
Website & Mobile
UI/UX Designer at NexSoft - 2023
Nexsoft Design System adalah kumpulan desain milik NexSoft yang berisi komponen antarmuka pengguna dirancang khusus untuk mempermudah pembuatan halaman aplikasi web dan seluler.
View Detail
Aldi Adi
Saputro
Contact,
Let’s Work Together!
Let's connect and ready to help you build quality products for your business,
please send email to aldiadisaputro@gmail.com
© 2024 Aldi Adi Saputro. All Rights Reserved
© 2024 Aldi Adi Saputro. All Rights Reserved
Aldi Adi
Saputro
Contact,
Let’s Work Together!
Let's connect and ready to help you build quality products for your business,
please send email to aldiadisaputro@gmail.com
© 2024 Aldi Adi Saputro. All Rights Reserved