Preview Design Process

Preview Design Process

UI/UX Designer | Product Design

UI/UX Designer | Product Design

Figma, Confluence

Figma, Confluence

2022

2022

Mobile Android - NexSoft Product

Mobile Android - NexSoft Product

NexLog Application Delivery Management - B2B In GroUp

NexLog Application Delivery Management - B2B In GroUp

NexLog Application Delivery Management - B2B In GroUp

GroUp Superapps for FMCG distribution (Nestlé, etc.)

GroUp Superapps for FMCG distribution (Nestlé, etc.)

✦ Overview & Context

✦ Overview & Context

Saya berkontribusi dalam pengembangan produk B2C bernama NexLog, sebuah aplikasi mobile pengiriman yang menghubungkan distributor dengan pelanggan untuk memenuhi kebutuhan produk FMCG. NexLog merupakan bagian dari ekosistem GroUp Superapps, yang telah digunakan oleh klien besar seperti Nestlé Indonesia serta terintegrasi dengan sistem berbasis web ND6 (Distributor Management System). Tujuan aplikasi ini adalah memberikan kemudahan bagi supir/kurir dari distributor maupun principal dalam mendistribusikan produk, dengan alur kerja yang lebih cepat, terstruktur, dan terhubung dengan sistem manajemen distribusi yang ada.

Saya berkontribusi dalam pengembangan produk B2C bernama NexLog, sebuah aplikasi mobile pengiriman yang menghubungkan distributor dengan pelanggan untuk memenuhi kebutuhan produk FMCG. NexLog merupakan bagian dari ekosistem GroUp Superapps, yang telah digunakan oleh klien besar seperti Nestlé Indonesia serta terintegrasi dengan sistem berbasis web ND6 (Distributor Management System). Tujuan aplikasi ini adalah memberikan kemudahan bagi supir/kurir dari distributor maupun principal dalam mendistribusikan produk, dengan alur kerja yang lebih cepat, terstruktur, dan terhubung dengan sistem manajemen distribusi yang ada.

✦ My Roles

✦ My Roles

  • Memahami kebutuhan melalui Functional Specification Document (FSD) & diskusi dengan Business Analyst dan stakeholders

  • Menentukan dasar desain (grid, tipografi, warna, spacing)

  • Membuat desain UI high-fidelity di Figma

  • Menyusun prototype interaktif untuk alur aplikasi

  • Menyiapkan aset desain siap implementasi untuk Front-End

  • Berkolaborasi dengan tim developer dalam review & evaluasi desain

  • PIC Aplikasi NexLog

  • Memahami kebutuhan melalui Functional Specification Document (FSD) & diskusi dengan Business Analyst dan stakeholders

  • Menentukan dasar desain (grid, tipografi, warna, spacing)

  • Membuat desain UI high-fidelity di Figma

  • Menyusun prototype interaktif untuk alur aplikasi

  • Menyiapkan aset desain siap implementasi untuk Front-End

  • Berkolaborasi dengan tim developer dalam review & evaluasi desain

  • PIC Aplikasi NexLog

✦ Problem Statement

✦ Problem Statement

Distribusi produk FMCG sering terkendala karena kurir kesulitan mengelola pengiriman secara efisien dan tidak terintegrasi dengan sistem inti. NexLog hadir sebagai solusi untuk mempermudah proses pengiriman, menghubungkan distributor dengan pelanggan, serta terhubung dengan ND6. Namun, tantangan muncul pada sisi desain karena belum adanya standar komponen yang jelas, kebutuhan cepat, dan risiko inkonsistensi tampilan.

Distribusi produk FMCG sering terkendala karena kurir kesulitan mengelola pengiriman secara efisien dan tidak terintegrasi dengan sistem inti. NexLog hadir sebagai solusi untuk mempermudah proses pengiriman, menghubungkan distributor dengan pelanggan, serta terhubung dengan ND6. Namun, tantangan muncul pada sisi desain karena belum adanya standar komponen yang jelas, kebutuhan cepat, dan risiko inkonsistensi tampilan.

✦ Goals

✦ Goals

  • Menciptakan aplikasi mobile yang mempermudah kurir dalam mengelola dan menjalankan pengiriman

  • Menghubungkan distributor dengan pelanggan secara lebih cepat, efisien, dan terintegrasi dengan sistem ND6.

  • Menyediakan standar desain yang konsisten agar mempercepat proses pengembangan dan menjaga kualitas pengalaman pengguna.

  • Mendukung kebutuhan bisnis klien FMCG besar seperti Nestlé Indonesia dengan solusi digital yang andal.

  • Menciptakan aplikasi mobile yang mempermudah kurir dalam mengelola dan menjalankan pengiriman

  • Menghubungkan distributor dengan pelanggan secara lebih cepat, efisien, dan terintegrasi dengan sistem ND6.

  • Menyediakan standar desain yang konsisten agar mempercepat proses pengembangan dan menjaga kualitas pengalaman pengguna.

  • Mendukung kebutuhan bisnis klien FMCG besar seperti Nestlé Indonesia dengan solusi digital yang andal.

✦ Ideation

✦ Ideation

Berdasarkan problem yang ditemukan, tahap ideasi difokuskan pada bagaimana aplikasi dapat menyajikan informasi secara terpusat, ringkas, dan mudah diakses. Beberapa ide awal dituangkan dalam bentuk wireframe:

Fitur & Pendekatan Desain

  • Tracking pengiriman secara real-time.

  • Tampilan UI sederhana & mudah dipahami kurir.

  • Grid, tipografi, warna, dan spacing seragam.

  • Prototyping di Figma → validasi lebih awal.

  • Referensi kompetitor (Lalamove, Go-Send, dll).

Kolaborasi & Implementasi

  • Diskusi intens dengan Business Analyst & stakeholders.

  • Design handoff → asset siap implementasi untuk Front-End.

  • Review sandbox → perbaikan jika ada ketidaksesuaian.

Berdasarkan problem yang ditemukan, tahap ideasi difokuskan pada bagaimana aplikasi dapat menyajikan informasi secara terpusat, ringkas, dan mudah diakses. Beberapa ide awal dituangkan dalam bentuk wireframe:

Fitur & Pendekatan Desain

  • Tracking pengiriman secara real-time.

  • Tampilan UI sederhana & mudah dipahami kurir.

  • Grid, tipografi, warna, dan spacing seragam.

  • Prototyping di Figma → validasi lebih awal.

  • Referensi kompetitor (Lalamove, Go-Send, dll).

Kolaborasi & Implementasi

  • Diskusi intens dengan Business Analyst & stakeholders.

  • Design handoff → asset siap implementasi untuk Front-End.

  • Review sandbox → perbaikan jika ada ketidaksesuaian.

✦ Solution

✦ Solution

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

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

Menu Home & Main Menu

  • Action Control: Get Data (sinkronisasi ND6 → lokal), Send Data (kirim transaksi ke ND6), Log Out.

  • Informasi Dasar: Hari & Tanggal, Welcome Note (nama kurir).

  • Dashboard Widget:

    • Total Delivery → jumlah barang yang harus dikirim.

    • Total Pick Up → barang yang sudah dicek & siap kirim.

    • Total Item on Car → barang di kendaraan (update sesuai proses).

    • Delivery by Status → progress pengiriman per customer.

    • Delivery by Complete → hasil pengiriman (Full Delivered, Partial Reject, Full Reject, Undelivered).

Menu Home & Main Menu

  • Action Control: Get Data (sinkronisasi ND6 → lokal), Send Data (kirim transaksi ke ND6), Log Out.

  • Informasi Dasar: Hari & Tanggal, Welcome Note (nama kurir).

  • Dashboard Widget:

    • Total Delivery → jumlah barang yang harus dikirim.

    • Total Pick Up → barang yang sudah dicek & siap kirim.

    • Total Item on Car → barang di kendaraan (update sesuai proses).

    • Delivery by Status → progress pengiriman per customer.

    • Delivery by Complete → hasil pengiriman (Full Delivered, Partial Reject, Full Reject, Undelivered).

Halaman Riwayat (Retur) & Ringkasan Retur (Detail Customer)

  • Menampilkan daftar toko (customer) dengan nomor SPB masing-masing.

  • Tab navigasi: Delivery, Retur, Collection.

  • Fitur pencarian berdasarkan nomor SPB atau nama pelanggan.

  • Info utama: jumlah invoice, jumlah SKU dibawa, jumlah SKU diretur, pending collection.

  • Fitur konfirmasi: tanda tangan digital & unggah foto bukti (maks. 1 MB).

  • Tombol aksi: End Visit untuk menyelesaikan kunjungan.

Halaman Riwayat (Retur) & Ringkasan Retur (Detail Customer)

  • Menampilkan daftar toko (customer) dengan nomor SPB masing-masing.

  • Tab navigasi: Delivery, Retur, Collection.

  • Fitur pencarian berdasarkan nomor SPB atau nama pelanggan.

  • Info utama: jumlah invoice, jumlah SKU dibawa, jumlah SKU diretur, pending collection.

  • Fitur konfirmasi: tanda tangan digital & unggah foto bukti (maks. 1 MB).

  • Tombol aksi: End Visit untuk menyelesaikan kunjungan.

Routeplan – QR Invoice

  • Menampilkan QR Code invoice untuk keperluan verifikasi dan tracking pengiriman.

  • Pengguna cukup tunjukkan/scan QR untuk membuka detail pesanan.

  • Tombol aksi: Lihat Detail Invoice.

Konfirmasi Penerimaan Barang

  • Halaman input informasi pengiriman:

    • Upload foto bukti (return mileage).

    • Input manual pengisian bensin (liter).

  • Tombol aksi: Kirim Data setelah semua informasi terisi.

Routeplan – QR Invoice

  • Menampilkan QR Code invoice untuk keperluan verifikasi dan tracking pengiriman.

  • Pengguna cukup tunjukkan/scan QR untuk membuka detail pesanan.

  • Tombol aksi: Lihat Detail Invoice.

Konfirmasi Penerimaan Barang

  • Halaman input informasi pengiriman:

    • Upload foto bukti (return mileage).

    • Input manual pengisian bensin (liter).

  • Tombol aksi: Kirim Data setelah semua informasi terisi.

✦ Usability Testing

✦ Usability Testing

Dari hasil usability testing, saya menemukan beberapa hal yang perlu ditingkatkan dalam menampilkan detail pada antarmuka pengguna, yaitu:

Menambahkan Chevron pada Legend

  • Masalah: Pengguna melewatkan versi pertama karena tidak menyadari bahwa daftar nama toko pada list dapat diklik untuk menampilkan detai riwayat retur

  • Solusi: Menambahkan ikon chevron sebagai indikator titik sentuh agar lebih jelas bahwa elemen tersebut interaktif.

Dari hasil usability testing, saya menemukan beberapa hal yang perlu ditingkatkan dalam menampilkan detail pada antarmuka pengguna, yaitu:

Menambahkan Chevron pada Legend

  • Masalah: Pengguna melewatkan versi pertama karena tidak menyadari bahwa daftar nama toko pada list dapat diklik untuk menampilkan detai riwayat retur

  • Solusi: Menambahkan ikon chevron sebagai indikator titik sentuh agar lebih jelas bahwa elemen tersebut interaktif.

✦ Impact Design

✦ Impact Design

Dengan hadirnya aplikasi ini, proses distribusi dan operasional menjadi lebih terstruktur, efisien, serta mudah dikontrol. Dampak yang dicapai antara lain:

  • Efisiensi: Proses distribusi lebih cepat, tidak lagi manual.

  • Akurasi: Data real-time, transparan, dan minim kesalahan.

  • Kontrol Biaya: Pencatatan bensin & perjalanan terukur.

  • Kepercayaan: Stakeholder lebih yakin karena proses terdokumentasi.

  • Skalabilitas: Fondasi kuat untuk pengembangan fitur lebih lanjut.

Dengan hadirnya aplikasi ini, proses distribusi dan operasional menjadi lebih terstruktur, efisien, serta mudah dikontrol. Dampak yang dicapai antara lain:

  • Efisiensi: Proses distribusi lebih cepat, tidak lagi manual.

  • Akurasi: Data real-time, transparan, dan minim kesalahan.

  • Kontrol Biaya: Pencatatan bensin & perjalanan terukur.

  • Kepercayaan: Stakeholder lebih yakin karena proses terdokumentasi.

  • Skalabilitas: Fondasi kuat untuk pengembangan fitur lebih lanjut.

Work Documentation,

UI/UX Design

Web Responsive, Mobile Android & iOS

Design System for NexSoft UI Libraries

UI/UX Designer | Motion Graphic | Creative & DevOps Designer

Saya mengembangkan NexSoft UI Libraries, sebuah design system yang berisi kumpulan komponen antarmuka untuk menciptakan standarisasi dan konsistensi pada aplikasi web maupun mobile. Sistem ini membantu tim desain dan pengembangan bekerja lebih efisien dalam menghadirkan produk digital dengan kualitas UI/UX yang terjaga. Project ini merupakan bagian dari kontribusi saya di NexSoft, perusahaan penyedia perangkat lunak SaaS yang telah berdiri sejak 1995 dan menjadi mitra berbagai perusahaan FMCG besar seperti Nestlé, Unicharm, Coca Cola, Danone, Unilever, hingga L’Oréal.

View Detail

Web Responsive

Brand Guidelines Design & Branding NexSoft

UI/UX Designer | Creative & DevOps Designer

NexSoft adalah perusahaan teknologi yang mengembangkan solusi Distributor Management System (DMS) untuk klien FMCG besar seperti Nestlé dan Unicharm. Dengan hadirnya ekosistem produk seperti GroUp Superapps, NexLog, dan Nexstar, Brand Guidelines ini dibuat untuk memastikan konsistensi identitas visual di seluruh produk dan media, memperkuat citra NexSoft sebagai penyedia solusi teknologi modern dan terpercaya.

View Detail

Desktop POS (NexSoft Product)

WardesPOS & GroPos Application POS (Point of Sale)

UI/UX Designer

WardesPos dan GroPos adalah aplikasi POS untuk toko kecil, warung, dan usaha mikro yang awalnya berfokus pada pencatatan transaksi, stok, laporan, dan integrasi kasir. Dalam pengembangannya, saya mendapatkan request untuk menambahkan menu PPOB (Payment Point Online Banking) agar pengguna dapat melayani pembayaran listrik, pulsa, PDAM, dan tagihan lain, sehingga aplikasi tidak hanya mencatat penjualan barang tetapi juga memberi nilai tambah dengan menghadirkan layanan pembayaran digital. karena ini adalah aplikasi yang sudah berjalan atau existing maka ada beberapa batasan yang mesti saya ikuti agar konsistensi design tetap terjaga dan berjalan baik.

View Detail

Mobile Android - NexSoft Product

GroTrack Application Tracking Order - B2B In GroUp

UI/UX Designer | Product Design

GroTrack adalah salah satu produk dalam ekosistem GroUp (B2B Super Apps). Aplikasi ini membantu reseller dan distributor untuk Memantau dan mengelola pesanan, Memeriksa status pengiriman dari principal, sampai mengelola serta mengatur batas kredit melalui bank. Sementara itu, GroUp sebagai platform induk berperan memudahkan pemilik toko memesan produk secara langsung tanpa perlu menunggu kunjungan staf distributor, sehingga proses distribusi menjadi lebih efisien dan terintegrasi dalam ekosistem FMCG.

View Detail

Mobile Android - NexSoft Product

NexLog Application Delivery Management - B2B In GroUp

UI/UX Designer | Product Design

Saya berkontribusi dalam pengembangan produk B2C bernama NexLog, sebuah aplikasi mobile pengiriman yang menghubungkan distributor dengan pelanggan untuk memenuhi kebutuhan produk FMCG. NexLog merupakan bagian dari ekosistem GroUp Superapps, yang telah digunakan oleh klien besar seperti Nestlé Indonesia serta terintegrasi dengan sistem berbasis web ND6 (Distributor Management System). Tujuan aplikasi ini adalah memberikan kemudahan bagi supir/kurir dari distributor maupun principal dalam mendistribusikan produk, dengan alur kerja yang lebih cepat, terstruktur, dan terhubung dengan sistem manajemen distribusi yang ada.

View Detail

Mobile Android - NexSoft Product

NexStar Application Retail E-Commerce - B2C In GroUp

UI/UX Designer | Product Design

Nexstar adalah aplikasi mobile B2C yang dikembangkan dari superapps GroUp untuk menjadi penghubung antara distributor dengan pemilik toko atau end-user produk FMCG seperti Nestlé, Unicharm, dan lainnya. Aplikasi ini hadir untuk memudahkan toko kecil dalam memesan produk secara cepat dan praktis, sekaligus membantu distributor mengelola pesanan dengan lebih efisien. Terintegrasi dengan core system ND6, Nexstar memperkuat ekosistem Distribusi Management System (DMS) dengan memberikan kemudahan akses produk, efisiensi transaksi, dan peningkatan pengalaman user dalam memenuhi kebutuhan stok toko.

View Detail

Web Responsive, Mobile Android & iOS

Design System for NexSoft UI Libraries

UI/UX Designer | Motion Graphic | Creative & DevOps Designer

Saya mengembangkan NexSoft UI Libraries, sebuah design system yang berisi kumpulan komponen antarmuka untuk menciptakan standarisasi dan konsistensi pada aplikasi web maupun mobile. Sistem ini membantu tim desain dan pengembangan bekerja lebih efisien dalam menghadirkan produk digital dengan kualitas UI/UX yang terjaga. Project ini merupakan bagian dari kontribusi saya di NexSoft, perusahaan penyedia perangkat lunak SaaS yang telah berdiri sejak 1995 dan menjadi mitra berbagai perusahaan FMCG besar seperti Nestlé, Unicharm, Coca Cola, Danone, Unilever, hingga L’Oréal.

View Detail

Web Responsive

Brand Guidelines Design & Branding NexSoft

UI/UX Designer | Creative & DevOps Designer

NexSoft adalah perusahaan teknologi yang mengembangkan solusi Distributor Management System (DMS) untuk klien FMCG besar seperti Nestlé dan Unicharm. Dengan hadirnya ekosistem produk seperti GroUp Superapps, NexLog, dan Nexstar, Brand Guidelines ini dibuat untuk memastikan konsistensi identitas visual di seluruh produk dan media, memperkuat citra NexSoft sebagai penyedia solusi teknologi modern dan terpercaya.

View Detail

Desktop POS (NexSoft Product)

WardesPOS & GroPos Application POS (Point of Sale)

UI/UX Designer

WardesPos dan GroPos adalah aplikasi POS untuk toko kecil, warung, dan usaha mikro yang awalnya berfokus pada pencatatan transaksi, stok, laporan, dan integrasi kasir. Dalam pengembangannya, saya mendapatkan request untuk menambahkan menu PPOB (Payment Point Online Banking) agar pengguna dapat melayani pembayaran listrik, pulsa, PDAM, dan tagihan lain, sehingga aplikasi tidak hanya mencatat penjualan barang tetapi juga memberi nilai tambah dengan menghadirkan layanan pembayaran digital. karena ini adalah aplikasi yang sudah berjalan atau existing maka ada beberapa batasan yang mesti saya ikuti agar konsistensi design tetap terjaga dan berjalan baik.

View Detail

Mobile Android - NexSoft Product

GroTrack Application Tracking Order - B2B In GroUp

UI/UX Designer | Product Design

GroTrack adalah salah satu produk dalam ekosistem GroUp (B2B Super Apps). Aplikasi ini membantu reseller dan distributor untuk Memantau dan mengelola pesanan, Memeriksa status pengiriman dari principal, sampai mengelola serta mengatur batas kredit melalui bank. Sementara itu, GroUp sebagai platform induk berperan memudahkan pemilik toko memesan produk secara langsung tanpa perlu menunggu kunjungan staf distributor, sehingga proses distribusi menjadi lebih efisien dan terintegrasi dalam ekosistem FMCG.

View Detail

Mobile Android - NexSoft Product

NexLog Application Delivery Management - B2B In GroUp

UI/UX Designer | Product Design

Saya berkontribusi dalam pengembangan produk B2C bernama NexLog, sebuah aplikasi mobile pengiriman yang menghubungkan distributor dengan pelanggan untuk memenuhi kebutuhan produk FMCG. NexLog merupakan bagian dari ekosistem GroUp Superapps, yang telah digunakan oleh klien besar seperti Nestlé Indonesia serta terintegrasi dengan sistem berbasis web ND6 (Distributor Management System). Tujuan aplikasi ini adalah memberikan kemudahan bagi supir/kurir dari distributor maupun principal dalam mendistribusikan produk, dengan alur kerja yang lebih cepat, terstruktur, dan terhubung dengan sistem manajemen distribusi yang ada.

View Detail

Mobile Android - NexSoft Product

NexStar Application Retail E-Commerce - B2C In GroUp

UI/UX Designer | Product Design

Nexstar adalah aplikasi mobile B2C yang dikembangkan dari superapps GroUp untuk menjadi penghubung antara distributor dengan pemilik toko atau end-user produk FMCG seperti Nestlé, Unicharm, dan lainnya. Aplikasi ini hadir untuk memudahkan toko kecil dalam memesan produk secara cepat dan praktis, sekaligus membantu distributor mengelola pesanan dengan lebih efisien. Terintegrasi dengan core system ND6, Nexstar memperkuat ekosistem Distribusi Management System (DMS) dengan memberikan kemudahan akses produk, efisiensi transaksi, dan peningkatan pengalaman user dalam memenuhi kebutuhan stok toko.

View Detail

Web Responsive, Mobile Android & iOS

Design System for NexSoft UI Libraries

UI/UX Designer | Motion Graphic | Creative & DevOps Designer

Saya mengembangkan NexSoft UI Libraries, sebuah design system yang berisi kumpulan komponen antarmuka untuk menciptakan standarisasi dan konsistensi pada aplikasi web maupun mobile. Sistem ini membantu tim desain dan pengembangan bekerja lebih efisien dalam menghadirkan produk digital dengan kualitas UI/UX yang terjaga. Project ini merupakan bagian dari kontribusi saya di NexSoft, perusahaan penyedia perangkat lunak SaaS yang telah berdiri sejak 1995 dan menjadi mitra berbagai perusahaan FMCG besar seperti Nestlé, Unicharm, Coca Cola, Danone, Unilever, hingga L’Oréal.

View Detail

Web Responsive

Brand Guidelines Design & Branding NexSoft

UI/UX Designer | Creative & DevOps Designer

NexSoft adalah perusahaan teknologi yang mengembangkan solusi Distributor Management System (DMS) untuk klien FMCG besar seperti Nestlé dan Unicharm. Dengan hadirnya ekosistem produk seperti GroUp Superapps, NexLog, dan Nexstar, Brand Guidelines ini dibuat untuk memastikan konsistensi identitas visual di seluruh produk dan media, memperkuat citra NexSoft sebagai penyedia solusi teknologi modern dan terpercaya.

View Detail

Desktop POS (NexSoft Product)

WardesPOS & GroPos Application POS (Point of Sale)

UI/UX Designer

WardesPos dan GroPos adalah aplikasi POS untuk toko kecil, warung, dan usaha mikro yang awalnya berfokus pada pencatatan transaksi, stok, laporan, dan integrasi kasir. Dalam pengembangannya, saya mendapatkan request untuk menambahkan menu PPOB (Payment Point Online Banking) agar pengguna dapat melayani pembayaran listrik, pulsa, PDAM, dan tagihan lain, sehingga aplikasi tidak hanya mencatat penjualan barang tetapi juga memberi nilai tambah dengan menghadirkan layanan pembayaran digital. karena ini adalah aplikasi yang sudah berjalan atau existing maka ada beberapa batasan yang mesti saya ikuti agar konsistensi design tetap terjaga dan berjalan baik.

View Detail

Mobile Android - NexSoft Product

GroTrack Application Tracking Order - B2B In GroUp

UI/UX Designer | Product Design

GroTrack adalah salah satu produk dalam ekosistem GroUp (B2B Super Apps). Aplikasi ini membantu reseller dan distributor untuk Memantau dan mengelola pesanan, Memeriksa status pengiriman dari principal, sampai mengelola serta mengatur batas kredit melalui bank. Sementara itu, GroUp sebagai platform induk berperan memudahkan pemilik toko memesan produk secara langsung tanpa perlu menunggu kunjungan staf distributor, sehingga proses distribusi menjadi lebih efisien dan terintegrasi dalam ekosistem FMCG.

View Detail

Mobile Android - NexSoft Product

NexLog Application Delivery Management - B2B In GroUp

UI/UX Designer | Product Design

Saya berkontribusi dalam pengembangan produk B2C bernama NexLog, sebuah aplikasi mobile pengiriman yang menghubungkan distributor dengan pelanggan untuk memenuhi kebutuhan produk FMCG. NexLog merupakan bagian dari ekosistem GroUp Superapps, yang telah digunakan oleh klien besar seperti Nestlé Indonesia serta terintegrasi dengan sistem berbasis web ND6 (Distributor Management System). Tujuan aplikasi ini adalah memberikan kemudahan bagi supir/kurir dari distributor maupun principal dalam mendistribusikan produk, dengan alur kerja yang lebih cepat, terstruktur, dan terhubung dengan sistem manajemen distribusi yang ada.

View Detail

Mobile Android - NexSoft Product

NexStar Application Retail E-Commerce - B2C In GroUp

UI/UX Designer | Product Design

Nexstar adalah aplikasi mobile B2C yang dikembangkan dari superapps GroUp untuk menjadi penghubung antara distributor dengan pemilik toko atau end-user produk FMCG seperti Nestlé, Unicharm, dan lainnya. Aplikasi ini hadir untuk memudahkan toko kecil dalam memesan produk secara cepat dan praktis, sekaligus membantu distributor mengelola pesanan dengan lebih efisien. Terintegrasi dengan core system ND6, Nexstar memperkuat ekosistem Distribusi Management System (DMS) dengan memberikan kemudahan akses produk, efisiensi transaksi, dan peningkatan pengalaman user dalam memenuhi kebutuhan stok toko.

View Detail

Work Documentation,

UI/UX Design

Web Responsive, Mobile Android & iOS

Design System for NexSoft UI Libraries

UI/UX Designer | Motion Graphic | Creative & DevOps Designer

Saya mengembangkan NexSoft UI Libraries, sebuah design system yang berisi kumpulan komponen antarmuka untuk menciptakan standarisasi dan konsistensi pada aplikasi web maupun mobile. Sistem ini membantu tim desain dan pengembangan bekerja lebih efisien dalam menghadirkan produk digital dengan kualitas UI/UX yang terjaga. Project ini merupakan bagian dari kontribusi saya di NexSoft, perusahaan penyedia perangkat lunak SaaS yang telah berdiri sejak 1995 dan menjadi mitra berbagai perusahaan FMCG besar seperti Nestlé, Unicharm, Coca Cola, Danone, Unilever, hingga L’Oréal.

View Detail

Web Responsive

Brand Guidelines Design & Branding NexSoft

UI/UX Designer | Creative & DevOps Designer

NexSoft adalah perusahaan teknologi yang mengembangkan solusi Distributor Management System (DMS) untuk klien FMCG besar seperti Nestlé dan Unicharm. Dengan hadirnya ekosistem produk seperti GroUp Superapps, NexLog, dan Nexstar, Brand Guidelines ini dibuat untuk memastikan konsistensi identitas visual di seluruh produk dan media, memperkuat citra NexSoft sebagai penyedia solusi teknologi modern dan terpercaya.

View Detail

Desktop POS (NexSoft Product)

WardesPOS & GroPos Application POS (Point of Sale)

UI/UX Designer

WardesPos dan GroPos adalah aplikasi POS untuk toko kecil, warung, dan usaha mikro yang awalnya berfokus pada pencatatan transaksi, stok, laporan, dan integrasi kasir. Dalam pengembangannya, saya mendapatkan request untuk menambahkan menu PPOB (Payment Point Online Banking) agar pengguna dapat melayani pembayaran listrik, pulsa, PDAM, dan tagihan lain, sehingga aplikasi tidak hanya mencatat penjualan barang tetapi juga memberi nilai tambah dengan menghadirkan layanan pembayaran digital. karena ini adalah aplikasi yang sudah berjalan atau existing maka ada beberapa batasan yang mesti saya ikuti agar konsistensi design tetap terjaga dan berjalan baik.

View Detail

Mobile Android - NexSoft Product

GroTrack Application Tracking Order - B2B In GroUp

UI/UX Designer | Product Design

GroTrack adalah salah satu produk dalam ekosistem GroUp (B2B Super Apps). Aplikasi ini membantu reseller dan distributor untuk Memantau dan mengelola pesanan, Memeriksa status pengiriman dari principal, sampai mengelola serta mengatur batas kredit melalui bank. Sementara itu, GroUp sebagai platform induk berperan memudahkan pemilik toko memesan produk secara langsung tanpa perlu menunggu kunjungan staf distributor, sehingga proses distribusi menjadi lebih efisien dan terintegrasi dalam ekosistem FMCG.

View Detail

Mobile Android - NexSoft Product

NexLog Application Delivery Management - B2B In GroUp

UI/UX Designer | Product Design

Saya berkontribusi dalam pengembangan produk B2C bernama NexLog, sebuah aplikasi mobile pengiriman yang menghubungkan distributor dengan pelanggan untuk memenuhi kebutuhan produk FMCG. NexLog merupakan bagian dari ekosistem GroUp Superapps, yang telah digunakan oleh klien besar seperti Nestlé Indonesia serta terintegrasi dengan sistem berbasis web ND6 (Distributor Management System). Tujuan aplikasi ini adalah memberikan kemudahan bagi supir/kurir dari distributor maupun principal dalam mendistribusikan produk, dengan alur kerja yang lebih cepat, terstruktur, dan terhubung dengan sistem manajemen distribusi yang ada.

View Detail

Mobile Android - NexSoft Product

NexStar Application Retail E-Commerce - B2C In GroUp

UI/UX Designer | Product Design

Nexstar adalah aplikasi mobile B2C yang dikembangkan dari superapps GroUp untuk menjadi penghubung antara distributor dengan pemilik toko atau end-user produk FMCG seperti Nestlé, Unicharm, dan lainnya. Aplikasi ini hadir untuk memudahkan toko kecil dalam memesan produk secara cepat dan praktis, sekaligus membantu distributor mengelola pesanan dengan lebih efisien. Terintegrasi dengan core system ND6, Nexstar memperkuat ekosistem Distribusi Management System (DMS) dengan memberikan kemudahan akses produk, efisiensi transaksi, dan peningkatan pengalaman user dalam memenuhi kebutuhan stok toko.

View Detail

Web Responsive, Mobile Android & iOS

Design System for NexSoft UI Libraries

UI/UX Designer | Motion Graphic | Creative & DevOps Designer

Saya mengembangkan NexSoft UI Libraries, sebuah design system yang berisi kumpulan komponen antarmuka untuk menciptakan standarisasi dan konsistensi pada aplikasi web maupun mobile. Sistem ini membantu tim desain dan pengembangan bekerja lebih efisien dalam menghadirkan produk digital dengan kualitas UI/UX yang terjaga. Project ini merupakan bagian dari kontribusi saya di NexSoft, perusahaan penyedia perangkat lunak SaaS yang telah berdiri sejak 1995 dan menjadi mitra berbagai perusahaan FMCG besar seperti Nestlé, Unicharm, Coca Cola, Danone, Unilever, hingga L’Oréal.

View Detail

Web Responsive

Brand Guidelines Design & Branding NexSoft

UI/UX Designer | Creative & DevOps Designer

NexSoft adalah perusahaan teknologi yang mengembangkan solusi Distributor Management System (DMS) untuk klien FMCG besar seperti Nestlé dan Unicharm. Dengan hadirnya ekosistem produk seperti GroUp Superapps, NexLog, dan Nexstar, Brand Guidelines ini dibuat untuk memastikan konsistensi identitas visual di seluruh produk dan media, memperkuat citra NexSoft sebagai penyedia solusi teknologi modern dan terpercaya.

View Detail

Desktop POS (NexSoft Product)

WardesPOS & GroPos Application POS (Point of Sale)

UI/UX Designer

WardesPos dan GroPos adalah aplikasi POS untuk toko kecil, warung, dan usaha mikro yang awalnya berfokus pada pencatatan transaksi, stok, laporan, dan integrasi kasir. Dalam pengembangannya, saya mendapatkan request untuk menambahkan menu PPOB (Payment Point Online Banking) agar pengguna dapat melayani pembayaran listrik, pulsa, PDAM, dan tagihan lain, sehingga aplikasi tidak hanya mencatat penjualan barang tetapi juga memberi nilai tambah dengan menghadirkan layanan pembayaran digital. karena ini adalah aplikasi yang sudah berjalan atau existing maka ada beberapa batasan yang mesti saya ikuti agar konsistensi design tetap terjaga dan berjalan baik.

View Detail

Mobile Android - NexSoft Product

GroTrack Application Tracking Order - B2B In GroUp

UI/UX Designer | Product Design

GroTrack adalah salah satu produk dalam ekosistem GroUp (B2B Super Apps). Aplikasi ini membantu reseller dan distributor untuk Memantau dan mengelola pesanan, Memeriksa status pengiriman dari principal, sampai mengelola serta mengatur batas kredit melalui bank. Sementara itu, GroUp sebagai platform induk berperan memudahkan pemilik toko memesan produk secara langsung tanpa perlu menunggu kunjungan staf distributor, sehingga proses distribusi menjadi lebih efisien dan terintegrasi dalam ekosistem FMCG.

View Detail

Mobile Android - NexSoft Product

NexLog Application Delivery Management - B2B In GroUp

UI/UX Designer | Product Design

Saya berkontribusi dalam pengembangan produk B2C bernama NexLog, sebuah aplikasi mobile pengiriman yang menghubungkan distributor dengan pelanggan untuk memenuhi kebutuhan produk FMCG. NexLog merupakan bagian dari ekosistem GroUp Superapps, yang telah digunakan oleh klien besar seperti Nestlé Indonesia serta terintegrasi dengan sistem berbasis web ND6 (Distributor Management System). Tujuan aplikasi ini adalah memberikan kemudahan bagi supir/kurir dari distributor maupun principal dalam mendistribusikan produk, dengan alur kerja yang lebih cepat, terstruktur, dan terhubung dengan sistem manajemen distribusi yang ada.

View Detail

Mobile Android - NexSoft Product

NexStar Application Retail E-Commerce - B2C In GroUp

UI/UX Designer | Product Design

Nexstar adalah aplikasi mobile B2C yang dikembangkan dari superapps GroUp untuk menjadi penghubung antara distributor dengan pemilik toko atau end-user produk FMCG seperti Nestlé, Unicharm, dan lainnya. Aplikasi ini hadir untuk memudahkan toko kecil dalam memesan produk secara cepat dan praktis, sekaligus membantu distributor mengelola pesanan dengan lebih efisien. Terintegrasi dengan core system ND6, Nexstar memperkuat ekosistem Distribusi Management System (DMS) dengan memberikan kemudahan akses produk, efisiensi transaksi, dan peningkatan pengalaman user dalam memenuhi kebutuhan stok toko.

View Detail

Web Responsive, Mobile Android & iOS

Design System for NexSoft UI Libraries

UI/UX Designer | Motion Graphic | Creative & DevOps Designer

Saya mengembangkan NexSoft UI Libraries, sebuah design system yang berisi kumpulan komponen antarmuka untuk menciptakan standarisasi dan konsistensi pada aplikasi web maupun mobile. Sistem ini membantu tim desain dan pengembangan bekerja lebih efisien dalam menghadirkan produk digital dengan kualitas UI/UX yang terjaga. Project ini merupakan bagian dari kontribusi saya di NexSoft, perusahaan penyedia perangkat lunak SaaS yang telah berdiri sejak 1995 dan menjadi mitra berbagai perusahaan FMCG besar seperti Nestlé, Unicharm, Coca Cola, Danone, Unilever, hingga L’Oréal.

View Detail

Web Responsive

Brand Guidelines Design & Branding NexSoft

UI/UX Designer | Creative & DevOps Designer

NexSoft adalah perusahaan teknologi yang mengembangkan solusi Distributor Management System (DMS) untuk klien FMCG besar seperti Nestlé dan Unicharm. Dengan hadirnya ekosistem produk seperti GroUp Superapps, NexLog, dan Nexstar, Brand Guidelines ini dibuat untuk memastikan konsistensi identitas visual di seluruh produk dan media, memperkuat citra NexSoft sebagai penyedia solusi teknologi modern dan terpercaya.

View Detail

Desktop POS (NexSoft Product)

WardesPOS & GroPos Application POS (Point of Sale)

UI/UX Designer

WardesPos dan GroPos adalah aplikasi POS untuk toko kecil, warung, dan usaha mikro yang awalnya berfokus pada pencatatan transaksi, stok, laporan, dan integrasi kasir. Dalam pengembangannya, saya mendapatkan request untuk menambahkan menu PPOB (Payment Point Online Banking) agar pengguna dapat melayani pembayaran listrik, pulsa, PDAM, dan tagihan lain, sehingga aplikasi tidak hanya mencatat penjualan barang tetapi juga memberi nilai tambah dengan menghadirkan layanan pembayaran digital. karena ini adalah aplikasi yang sudah berjalan atau existing maka ada beberapa batasan yang mesti saya ikuti agar konsistensi design tetap terjaga dan berjalan baik.

View Detail

Mobile Android - NexSoft Product

GroTrack Application Tracking Order - B2B In GroUp

UI/UX Designer | Product Design

GroTrack adalah salah satu produk dalam ekosistem GroUp (B2B Super Apps). Aplikasi ini membantu reseller dan distributor untuk Memantau dan mengelola pesanan, Memeriksa status pengiriman dari principal, sampai mengelola serta mengatur batas kredit melalui bank. Sementara itu, GroUp sebagai platform induk berperan memudahkan pemilik toko memesan produk secara langsung tanpa perlu menunggu kunjungan staf distributor, sehingga proses distribusi menjadi lebih efisien dan terintegrasi dalam ekosistem FMCG.

View Detail

Mobile Android - NexSoft Product

NexLog Application Delivery Management - B2B In GroUp

UI/UX Designer | Product Design

Saya berkontribusi dalam pengembangan produk B2C bernama NexLog, sebuah aplikasi mobile pengiriman yang menghubungkan distributor dengan pelanggan untuk memenuhi kebutuhan produk FMCG. NexLog merupakan bagian dari ekosistem GroUp Superapps, yang telah digunakan oleh klien besar seperti Nestlé Indonesia serta terintegrasi dengan sistem berbasis web ND6 (Distributor Management System). Tujuan aplikasi ini adalah memberikan kemudahan bagi supir/kurir dari distributor maupun principal dalam mendistribusikan produk, dengan alur kerja yang lebih cepat, terstruktur, dan terhubung dengan sistem manajemen distribusi yang ada.

View Detail

Mobile Android - NexSoft Product

NexStar Application Retail E-Commerce - B2C In GroUp

UI/UX Designer | Product Design

Nexstar adalah aplikasi mobile B2C yang dikembangkan dari superapps GroUp untuk menjadi penghubung antara distributor dengan pemilik toko atau end-user produk FMCG seperti Nestlé, Unicharm, dan lainnya. Aplikasi ini hadir untuk memudahkan toko kecil dalam memesan produk secara cepat dan praktis, sekaligus membantu distributor mengelola pesanan dengan lebih efisien. Terintegrasi dengan core system ND6, Nexstar memperkuat ekosistem Distribusi Management System (DMS) dengan memberikan kemudahan akses produk, efisiensi transaksi, dan peningkatan pengalaman user dalam memenuhi kebutuhan stok toko.

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

Create a free website with Framer, the website builder loved by startups, designers and agencies.