


UI/UX Designer | Motion Graphic | Creative & DevOps Designer
UI/UX Designer | Motion Graphic | Creative & DevOps Designer
Figma, Zeroheight, LottieFiles Labs & AI
Figma, Zeroheight, LottieFiles Labs & AI
2022 - 2023
2022 - 2023
Web Responsive, Mobile Android & iOS
Web Responsive, Mobile Android & iOS
Design System for NexSoft UI Libraries
Design System for NexSoft UI Libraries
Design System for NexSoft UI Libraries
Web Responsive, Mobile Android & iOS - NexSoft (PT Paramadaksa Teknologi Nusantara)
Web Responsive, Mobile Android & iOS - NexSoft (PT Paramadaksa Teknologi Nusantara)
✦ Overview & Context
✦ Overview & Context
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.
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.
✦ My Roles
✦ My Roles
UI/UX Designer – Figma
Creative Designer – Icon & Logo Brand
Motion Graphic Designer – Animation & Logo Brand
DevOps Design – File Style, Logo, Asset Management
PIC Design System – Mobile Android & iOS
Collaboration – Diskusi & brainstorming bersama tim desain dan developer
UI/UX Designer – Figma
Creative Designer – Icon & Logo Brand
Motion Graphic Designer – Animation & Logo Brand
DevOps Design – File Style, Logo, Asset Management
PIC Design System – Mobile Android & iOS
Collaboration – Diskusi & brainstorming bersama tim desain dan developer
✦ Problem Statement
✦ Problem Statement
Proyek ini lahir dari kebutuhan untuk menghadirkan design system yang mampu memudahkan pekerjaan para UI Designer. Design system yang ada sebelumnya belum optimal, karena masih mengandalkan referensi desain sebagai acuan utama dalam membangun antarmuka pengguna.
Dalam proses pengembangan aplikasi web maupun mobile, kami sering menghadapi berbagai tantangan, di antaranya:
Tidak adanya standar desain yang jelas.
Perdebatan mengenai apakah suatu komponen termasuk dalam standar atau hanya custom.
Tuntutan menyelesaikan aplikasi dengan cepat sering kali memunculkan kebutuhan komponen baru yang belum distandarisasi.
Perbedaan nama brand aplikasi maupun jenis device (mobile dan website) yang digunakan, membuat desain semakin tidak efisien dan sulit konsisten.
Ketiadaan acuan yang pasti menambah beban kerja tim, serta berpotensi menurunkan kualitas pengalaman pengguna. Situasi ini menjadi dorongan bagi saya dan tim UI/UX untuk menghadirkan solusi berupa design system yang dapat menjawab kebutuhan standar, memastikan konsistensi, sekaligus menjaga kualitas desain untuk pengguna, stakeholder, maupun tim internal.
Proyek ini lahir dari kebutuhan untuk menghadirkan design system yang mampu memudahkan pekerjaan para UI Designer. Design system yang ada sebelumnya belum optimal, karena masih mengandalkan referensi desain sebagai acuan utama dalam membangun antarmuka pengguna.
Dalam proses pengembangan aplikasi web maupun mobile, kami sering menghadapi berbagai tantangan, di antaranya:
Tidak adanya standar desain yang jelas.
Perdebatan mengenai apakah suatu komponen termasuk dalam standar atau hanya custom.
Tuntutan menyelesaikan aplikasi dengan cepat sering kali memunculkan kebutuhan komponen baru yang belum distandarisasi.
Perbedaan nama brand aplikasi maupun jenis device (mobile dan website) yang digunakan, membuat desain semakin tidak efisien dan sulit konsisten.
Ketiadaan acuan yang pasti menambah beban kerja tim, serta berpotensi menurunkan kualitas pengalaman pengguna. Situasi ini menjadi dorongan bagi saya dan tim UI/UX untuk menghadirkan solusi berupa design system yang dapat menjawab kebutuhan standar, memastikan konsistensi, sekaligus menjaga kualitas desain untuk pengguna, stakeholder, maupun tim internal.



✦ Goals
✦ Goals
Dari tantangan yang ada, tujuan utama proyek Design System NexSoft UI Libraries adalah:
Membuat standar desain yang jelas dan mudah dipahami oleh seluruh tim UI/UX.
Menyediakan komponen UI yang terstandarisasi untuk mempercepat proses pengembangan aplikasi web maupun mobile.
Mengurangi inkonsistensi desain akibat perbedaan brand, platform, maupun device.
Mempermudah kolaborasi antar-designer dan developer dengan acuan design system yang terstruktur.
Menjamin kualitas pengalaman pengguna (UX) tetap konsisten di setiap produk NexSoft.
Menyediakan dokumentasi yang lengkap agar design system mudah diakses, dipelajari, dan digunakan kembali oleh tim dan stakeholder.
Dari tantangan yang ada, tujuan utama proyek Design System NexSoft UI Libraries adalah:
Membuat standar desain yang jelas dan mudah dipahami oleh seluruh tim UI/UX.
Menyediakan komponen UI yang terstandarisasi untuk mempercepat proses pengembangan aplikasi web maupun mobile.
Mengurangi inkonsistensi desain akibat perbedaan brand, platform, maupun device.
Mempermudah kolaborasi antar-designer dan developer dengan acuan design system yang terstruktur.
Menjamin kualitas pengalaman pengguna (UX) tetap konsisten di setiap produk NexSoft.
Menyediakan dokumentasi yang lengkap agar design system mudah diakses, dipelajari, dan digunakan kembali oleh tim dan stakeholder.
✦ Ideation
✦ Ideation
Dalam merumuskan solusi, saya dan tim melakukan proses ideasi untuk menemukan pendekatan terbaik dalam membangun design system yang relevan dengan kebutuhan NexSoft. Beberapa ide utama yang kami kembangkan antara lain:
Audit Desain Eksisting
Mengumpulkan, meninjau, dan memetakan semua komponen UI dari aplikasi web maupun mobile yang sudah ada untuk mengidentifikasi pola dan menentukan foundation diawal mulai dari tipografi sampai gridKategorisasi Komponen
Mengelompokkan komponen berdasarkan fungsi dan tingkat penggunaannya (misalnya: button, form, navigation, card, dsb.) untuk memudahkan standarisasi.Pembuatan Style Guide
Menetapkan panduan visual yang meliputi warna, tipografi, grid, ikon, dan logo sehingga setiap aplikasi memiliki identitas konsisten.Reusable Component Library
Mendesain dan membuat kumpulan komponen yang bisa digunakan kembali di berbagai aplikasi dengan fleksibilitas untuk disesuaikan.Dokumentasi & Kolaborasi
Menggunakan tools seperti Figma, Zeroheight, dan LottieFiles untuk mendokumentasikan design system agar mudah dipahami oleh designer maupun developer.Iterasi & Validasi
Melakukan diskusi rutin dengan tim desain dan developer untuk menguji, memvalidasi, serta menyempurnakan komponen yang sudah dibuat.
Dalam merumuskan solusi, saya dan tim melakukan proses ideasi untuk menemukan pendekatan terbaik dalam membangun design system yang relevan dengan kebutuhan NexSoft. Beberapa ide utama yang kami kembangkan antara lain:
Audit Desain Eksisting
Mengumpulkan, meninjau, dan memetakan semua komponen UI dari aplikasi web maupun mobile yang sudah ada untuk mengidentifikasi pola dan menentukan foundation diawal mulai dari tipografi sampai gridKategorisasi Komponen
Mengelompokkan komponen berdasarkan fungsi dan tingkat penggunaannya (misalnya: button, form, navigation, card, dsb.) untuk memudahkan standarisasi.Pembuatan Style Guide
Menetapkan panduan visual yang meliputi warna, tipografi, grid, ikon, dan logo sehingga setiap aplikasi memiliki identitas konsisten.Reusable Component Library
Mendesain dan membuat kumpulan komponen yang bisa digunakan kembali di berbagai aplikasi dengan fleksibilitas untuk disesuaikan.Dokumentasi & Kolaborasi
Menggunakan tools seperti Figma, Zeroheight, dan LottieFiles untuk mendokumentasikan design system agar mudah dipahami oleh designer maupun developer.Iterasi & Validasi
Melakukan diskusi rutin dengan tim desain dan developer untuk menguji, memvalidasi, serta menyempurnakan komponen yang sudah dibuat.









✦ 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 ulang beranda 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 ulang beranda aplikasi, dengan menambahkan tiga aspek utama sebagai prioritas:



Standardized UI Guidelines & Centralized Asset Managemen
Menetapkan panduan desain yang jelas meliputi warna, tipografi, ikonografi, grid system, serta aturan penggunaan brand.
Mengelola file style, logo, dan aset desain dalam satu repository agar mudah diakses tim desain dan developer.
Standardized UI Guidelines & Centralized Asset Managemen
Menetapkan panduan desain yang jelas meliputi warna, tipografi, ikonografi, grid system, serta aturan penggunaan brand.
Mengelola file style, logo, dan aset desain dalam satu repository agar mudah diakses tim desain dan developer.
Component Library & Cross-Platform Design System
Membuat kumpulan komponen UI reusable (button, form, navigation, card, dsb.) yang konsisten dan siap dipakai lintas aplikasi.
Merancang komponen yang mendukung konsistensi tampilan di Android, iOS, maupun web.
Component Library & Cross-Platform Design System
Membuat kumpulan komponen UI reusable (button, form, navigation, card, dsb.) yang konsisten dan siap dipakai lintas aplikasi.
Merancang komponen yang mendukung konsistensi tampilan di Android, iOS, maupun web.






Comprehensive Documentation - Collaboration & Iteration
Menyediakan dokumentasi digital yang terintegrasi melalui tools seperti Figma dan Zeroheight sehingga mudah dipahami dan diterapkan.
Mendorong kolaborasi aktif antara designer dan developer untuk memastikan implementasi design system berjalan efektif, dengan iterasi berkelanjutan sesuai kebutuhan produk.
Comprehensive Documentation - Collaboration & Iteration
Menyediakan dokumentasi digital yang terintegrasi melalui tools seperti Figma dan Zeroheight sehingga mudah dipahami dan diterapkan.
Mendorong kolaborasi aktif antara designer dan developer untuk memastikan implementasi design system berjalan efektif, dengan iterasi berkelanjutan sesuai kebutuhan produk.
✦ Before vs After
✦ Before vs After
Before
Tidak ada standar desain yang jelas, setiap project mengandalkan referensi berbeda.
Proses pembuatan UI memakan waktu karena komponen harus dibuat ulang.
Inkonsistensi tampilan antar aplikasi web dan mobile.
Sulit memastikan kualitas UX karena desain bergantung pada interpretasi masing-masing designer.
Kolaborasi dengan developer sering terkendala miskomunikasi.
After
Hadirnya Design System NexSoft UI Libraries sebagai acuan standar yang terdokumentasi.
Komponen UI reusable mempersingkat waktu desain dan pengembangan.
Tampilan aplikasi lebih konsisten di semua platform (Android, iOS, dan web).
Kualitas UX meningkat dengan desain yang seragam dan teruji.
Kolaborasi tim lebih lancar karena menggunakan sistem dan panduan yang sama.
Before
Tidak ada standar desain yang jelas, setiap project mengandalkan referensi berbeda.
Proses pembuatan UI memakan waktu karena komponen harus dibuat ulang.
Inkonsistensi tampilan antar aplikasi web dan mobile.
Sulit memastikan kualitas UX karena desain bergantung pada interpretasi masing-masing designer.
Kolaborasi dengan developer sering terkendala miskomunikasi.
After
Hadirnya Design System NexSoft UI Libraries sebagai acuan standar yang terdokumentasi.
Komponen UI reusable mempersingkat waktu desain dan pengembangan.
Tampilan aplikasi lebih konsisten di semua platform (Android, iOS, dan web).
Kualitas UX meningkat dengan desain yang seragam dan teruji.
Kolaborasi tim lebih lancar karena menggunakan sistem dan panduan yang sama.






✦ Impact Design
✦ Impact Design
Dengan hadirnya Design System NexSoft UI Libraries, tim desain dan developer merasakan dampak yang signifikan dalam proses kerja sehari-hari:
Efisiensi Waktu – Pembuatan UI menjadi lebih cepat karena komponen sudah tersedia dan terdokumentasi dengan baik.
Konsistensi Desain – Semua aplikasi NexSoft, baik web maupun mobile, memiliki tampilan yang seragam dan sesuai standar.
Kolaborasi Lebih Mudah – Designer dan developer memiliki acuan yang sama sehingga mengurangi miskomunikasi dalam implementasi.
Skalabilitas Produk – Design system memudahkan pengembangan produk baru tanpa harus membangun ulang komponen dari awal.
Kualitas UX Lebih Baik – User mendapatkan pengalaman yang lebih nyaman, konsisten, dan sesuai ekspektasi brand.
Dengan solusi ini, tim NexSoft dapat bekerja lebih efisien, menghasilkan desain yang konsisten, serta memberikan pengalaman pengguna yang optimal di seluruh aplikasi.
Dengan hadirnya Design System NexSoft UI Libraries, tim desain dan developer merasakan dampak yang signifikan dalam proses kerja sehari-hari:
Efisiensi Waktu – Pembuatan UI menjadi lebih cepat karena komponen sudah tersedia dan terdokumentasi dengan baik.
Konsistensi Desain – Semua aplikasi NexSoft, baik web maupun mobile, memiliki tampilan yang seragam dan sesuai standar.
Kolaborasi Lebih Mudah – Designer dan developer memiliki acuan yang sama sehingga mengurangi miskomunikasi dalam implementasi.
Skalabilitas Produk – Design system memudahkan pengembangan produk baru tanpa harus membangun ulang komponen dari awal.
Kualitas UX Lebih Baik – User mendapatkan pengalaman yang lebih nyaman, konsisten, dan sesuai ekspektasi brand.
Dengan solusi ini, tim NexSoft dapat bekerja lebih efisien, menghasilkan desain yang konsisten, serta memberikan pengalaman pengguna yang optimal di seluruh aplikasi.

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
