Preview Design Process

Preview Design Process

Freelance UI Designer & Product Design

Freelance UI Designer & Product Design

Figma

Figma

Juli - Agustus 2025

Juli - Agustus 2025

Leanding Page & Sysadmin

Leanding Page & Sysadmin

Application Digital Signage Bank BTN

Application Digital Signage Bank BTN

Application Digital Signage Bank BTN

Client - Bank BTN

Client - Bank BTN

✦ Overview & Context

✦ Overview & Context

Sejalan dengan visi Bank BTN untuk menjadi bank modern berbasis digital, kebutuhan akan komunikasi yang cepat, transparan, dan interaktif menjadi semakin penting. Tren penggunaan Digital Display Realtime hadir sebagai solusi untuk menghadirkan informasi kurs, deposito, dan promosi produk secara realtime, sekaligus mendukung misi bank dalam memberikan pengalaman nasabah yang lebih modern, efisien, dan terpercaya.
User Persona disni ialah :

  • Nasabah : butuh informasi jelas & cepat.

  • Staf Bank : perlu media praktis, mengurangi pertanyaan dasar.

  • Manajemen : ingin citra modern & promosi produk lebih efektif.

Sejalan dengan visi Bank BTN untuk menjadi bank modern berbasis digital, kebutuhan akan komunikasi yang cepat, transparan, dan interaktif menjadi semakin penting. Tren penggunaan Digital Display Realtime hadir sebagai solusi untuk menghadirkan informasi kurs, deposito, dan promosi produk secara realtime, sekaligus mendukung misi bank dalam memberikan pengalaman nasabah yang lebih modern, efisien, dan terpercaya.
User Persona disni ialah :

  • Nasabah : butuh informasi jelas & cepat.

  • Staf Bank : perlu media praktis, mengurangi pertanyaan dasar.

  • Manajemen : ingin citra modern & promosi produk lebih efektif.

✦ My Roles

✦ My Roles

Sebagai UI/UX Designer (Freelance Project), saya bertanggung jawab untuk:

  • Mendesain user interface dan prototype interaktif menggunakan Figma.

  • Membuat ilustrasi dan ikon yang digunakan dalam aplikasi.

  • Mendesain landing page yang menarik dan responsif untuk promosi

  • Berkoordinasi dengan owner project dan developer terkait Asset desain.

Sebagai UI/UX Designer (Freelance Project), saya bertanggung jawab untuk:

  • Mendesain user interface dan prototype interaktif menggunakan Figma.

  • Membuat ilustrasi dan ikon yang digunakan dalam aplikasi.

  • Mendesain landing page yang menarik dan responsif untuk promosi

  • Berkoordinasi dengan owner project dan developer terkait Asset desain.

✦ Problem Statement

✦ Problem Statement

Di era perbankan modern, nasabah semakin membutuhkan informasi yang cepat, akurat, dan transparan. Sayangnya, banyak bank masih mengandalkan media tradisional seperti brosur atau papan informasi manual. Akibatnya, proses update menjadi lambat, promosi kurang efektif, dan pengalaman nasabah di kantor cabang terasa ketinggalan zaman. Tantangan yang Dihadapi Bank Saat Ini :

  • Informasi kurs & deposito tidak realtime (update manual)

  • Promosi produk kurang efektif (brosur/banner statis)

  • Teller & CS dibebani pertanyaan dasar dari nasabah

  • Konten antar cabang tidak konsisten

  • Customer experience kurang modern, bank terlihat ketinggalan digital

Di era perbankan modern, nasabah semakin membutuhkan informasi yang cepat, akurat, dan transparan. Sayangnya, banyak bank masih mengandalkan media tradisional seperti brosur atau papan informasi manual. Akibatnya, proses update menjadi lambat, promosi kurang efektif, dan pengalaman nasabah di kantor cabang terasa ketinggalan zaman. Tantangan yang Dihadapi Bank Saat Ini :

  • Informasi kurs & deposito tidak realtime (update manual)

  • Promosi produk kurang efektif (brosur/banner statis)

  • Teller & CS dibebani pertanyaan dasar dari nasabah

  • Konten antar cabang tidak konsisten

  • Customer experience kurang modern, bank terlihat ketinggalan digital

✦ Goals

✦ Goals

Mengapa bank menggunakan layar realtime seperti kurs, deposito, dan video promosi? Karena tujuannya menyentuh 2 sisi yaitu customer (nasabah) dan bank (brand/service) Dalam upaya menghadirkan layanan yang modern dan transparan, penggunaan Digital Display Realtime Perbankan di cabang bank menjadi solusi strategis untuk memenuhi kebutuhan nasabah sekaligus memperkuat citra bank.

Bagi nasabah, display ini menyajikan informasi kurs, deposito, dan produk bank secara realtime, sehingga lebih cepat, akurat, dan mudah dipahami. Selain itu, konten promosi dan edukasi produk juga berfungsi sebagai media informatif yang dapat mengisi waktu tunggu nasabah saat berada di antrean teller.

Sementara bagi bank, teknologi ini tidak hanya meningkatkan citra sebagai bank digital, tetapi juga mendukung promosi produk, mengurangi beban frontliner, serta menciptakan pengalaman yang lebih interaktif dan engaging di setiap cabang.

Mengapa bank menggunakan layar realtime seperti kurs, deposito, dan video promosi? Karena tujuannya menyentuh 2 sisi yaitu customer (nasabah) dan bank (brand/service) Dalam upaya menghadirkan layanan yang modern dan transparan, penggunaan Digital Display Realtime Perbankan di cabang bank menjadi solusi strategis untuk memenuhi kebutuhan nasabah sekaligus memperkuat citra bank.

Bagi nasabah, display ini menyajikan informasi kurs, deposito, dan produk bank secara realtime, sehingga lebih cepat, akurat, dan mudah dipahami. Selain itu, konten promosi dan edukasi produk juga berfungsi sebagai media informatif yang dapat mengisi waktu tunggu nasabah saat berada di antrean teller.

Sementara bagi bank, teknologi ini tidak hanya meningkatkan citra sebagai bank digital, tetapi juga mendukung promosi produk, mengurangi beban frontliner, serta menciptakan pengalaman yang lebih interaktif dan engaging di setiap cabang.

✦ Ideation

✦ Ideation

Proses ideasi dimulai dengan diskusi mendalam bersama stakeholder untuk memahami kebutuhan aktual serta mengevaluasi desain yang sudah ada. Dari proses ini, diperoleh insight terkait alur kerja pengguna, kendala efisiensi, dan ekspektasi tampilan baru.

Selanjutnya dilakukan analisis dan pencarian referensi desain dari berbagai sumber, termasuk aplikasi kompetitor dan best practice UI/UX modern, untuk menentukan arah visual dan pengalaman pengguna yang lebih efektif. Tahap ini juga mencakup penyusunan sitemap serta penentuan elemen dasar seperti grid system, tipografi, color brand, dan spacing.

Proses ideasi dimulai dengan diskusi mendalam bersama stakeholder untuk memahami kebutuhan aktual serta mengevaluasi desain yang sudah ada. Dari proses ini, diperoleh insight terkait alur kerja pengguna, kendala efisiensi, dan ekspektasi tampilan baru.

Selanjutnya dilakukan analisis dan pencarian referensi desain dari berbagai sumber, termasuk aplikasi kompetitor dan best practice UI/UX modern, untuk menentukan arah visual dan pengalaman pengguna yang lebih efektif. Tahap ini juga mencakup penyusunan sitemap serta penentuan elemen dasar seperti grid system, tipografi, color brand, dan spacing.

✦ Solution

✦ Solution

Untuk menjawab kebutuhan pengguna dan bank, Application Digital Signage menghadirkan solusi berbasis web yang modern, intuitif, dan responsif, mencakup dua tampilan utama: sistem user (sysuser) dan landing page bagi user. Solusi yang diterapkan meliputi:

  • Realtime Dashboard: Kurs & deposito otomatis update dari server pusat.

  • Digital Promotion: Video, animasi, dan banner dinamis untuk promosi produk.

  • Centralized Control: Konten bisa dikelola dari kantor pusat.

  • UI Modern: Tampilan informatif, mudah dibaca dari jarak jauh.

Untuk menjawab kebutuhan pengguna dan bank, Application Digital Signage menghadirkan solusi berbasis web yang modern, intuitif, dan responsif, mencakup dua tampilan utama: sistem user (sysuser) dan landing page bagi user. Solusi yang diterapkan meliputi:

  • Realtime Dashboard: Kurs & deposito otomatis update dari server pusat.

  • Digital Promotion: Video, animasi, dan banner dinamis untuk promosi produk.

  • Centralized Control: Konten bisa dikelola dari kantor pusat.

  • UI Modern: Tampilan informatif, mudah dibaca dari jarak jauh.

Tampilan User

Halaman ini menampilkan logo dan nama cabang bank untuk memperjelas identitas, tabel data yang diperbarui otomatis, serta informasi waktu dan tanggal terkini. Tersedia juga ruang untuk banner atau video promosi berukuran standar 1080x1920, tampilan kurs valuta asing secara real-time, dan teks berjalan untuk pengumuman atau pembaruan informasi terbaru.

Tampilan User

Halaman ini menampilkan logo dan nama cabang bank untuk memperjelas identitas, tabel data yang diperbarui otomatis, serta informasi waktu dan tanggal terkini. Tersedia juga ruang untuk banner atau video promosi berukuran standar 1080x1920, tampilan kurs valuta asing secara real-time, dan teks berjalan untuk pengumuman atau pembaruan informasi terbaru.

Tampilan Aplikasi Super Admin

Tampilan ini digunakan untuk mengelola keseluruhan sistem di setiap KCP. Super Admin memiliki akses ke beberapa menu utama, yaitu Dashboard untuk memantau aktivitas, Template untuk mengatur tampilan, My Content untuk mengelola konten yang ditampilkan, Master Data Admin untuk mengatur akun admin di tiap KCP, Setting untuk konfigurasi aplikasi, serta Tutorial sebagai panduan penggunaan fitur.

Tampilan Aplikasi Super Admin

Tampilan ini digunakan untuk mengelola keseluruhan sistem di setiap KCP. Super Admin memiliki akses ke beberapa menu utama, yaitu Dashboard untuk memantau aktivitas, Template untuk mengatur tampilan, My Content untuk mengelola konten yang ditampilkan, Master Data Admin untuk mengatur akun admin di tiap KCP, Setting untuk konfigurasi aplikasi, serta Tutorial sebagai panduan penggunaan fitur.

Tampilan Aplikasi Admin

Pada bagian ini terdapat tampilan aplikasi khusus untuk admin yang digunakan di setiap KCP. Admin dapat melakukan login untuk mengakses beberapa fitur utama, seperti Dashboard untuk melihat ringkasan halaman yang sedang aktif atau telah ditampilkan, Template untuk memilih jenis tampilan yang ingin digunakan, Setting untuk melakukan pengaturan aplikasi sesuai kebutuhan KCP, serta Tutorial yang berfungsi sebagai panduan agar pengguna dapat memahami penggunaan aplikasi dengan lebih mudah.

Tampilan Aplikasi Admin

Pada bagian ini terdapat tampilan aplikasi khusus untuk admin yang digunakan di setiap KCP. Admin dapat melakukan login untuk mengakses beberapa fitur utama, seperti Dashboard untuk melihat ringkasan halaman yang sedang aktif atau telah ditampilkan, Template untuk memilih jenis tampilan yang ingin digunakan, Setting untuk melakukan pengaturan aplikasi sesuai kebutuhan KCP, serta Tutorial yang berfungsi sebagai panduan agar pengguna dapat memahami penggunaan aplikasi dengan lebih mudah.

✦ Before vs After

✦ Before vs After

Transformasi Digital Display BTN Dari papan informasi konvensional menuju tampilan digital yang modern, interaktif, dan sesuai brand identity BTN. Desain baru menghadirkan kemudahan membaca, konsistensi visual, dan fleksibilitas untuk update informasi secara real-time di seluruh cabang.

Transformasi Digital Display BTN Dari papan informasi konvensional menuju tampilan digital yang modern, interaktif, dan sesuai brand identity BTN. Desain baru menghadirkan kemudahan membaca, konsistensi visual, dan fleksibilitas untuk update informasi secara real-time di seluruh cabang.

✦ Usability Testing

✦ Usability Testing

Dari hasil usability testing, saya menemukan beberapa hal yang perlu ditingkatkan dalam menampilkan detail pada antarmuka pengguna, yaitu pada perataan teks dan angka.

Masalah: Saat ini, tampilan teks menggunakan perataan tengah (center alignment). Hal ini menyulitkan pengguna dalam membaca informasi, karena secara alami mereka membaca dari kiri ke kanan. Selain itu, data angka juga menjadi kurang mudah dipahami ketika tidak memiliki perataan yang konsisten.

Solusi: Mengubah perataan teks menjadi rata kiri untuk karakter teks dan rata kanan untuk angka. Pendekatan ini membuat informasi lebih mudah dibaca, membantu pengguna membedakan antara teks dan angka secara visual, serta meningkatkan kejelasan dalam menampilkan detail data.

Dari hasil usability testing, saya menemukan beberapa hal yang perlu ditingkatkan dalam menampilkan detail pada antarmuka pengguna, yaitu pada perataan teks dan angka.

Masalah: Saat ini, tampilan teks menggunakan perataan tengah (center alignment). Hal ini menyulitkan pengguna dalam membaca informasi, karena secara alami mereka membaca dari kiri ke kanan. Selain itu, data angka juga menjadi kurang mudah dipahami ketika tidak memiliki perataan yang konsisten.

Solusi: Mengubah perataan teks menjadi rata kiri untuk karakter teks dan rata kanan untuk angka. Pendekatan ini membuat informasi lebih mudah dibaca, membantu pengguna membedakan antara teks dan angka secara visual, serta meningkatkan kejelasan dalam menampilkan detail data.

✦ Impact Design

✦ Impact Design

Proyek redesign Cadira berhasil meningkatkan pengalaman pengguna dengan alur latihan yang jelas, tampilan menarik, dan akses optimal di berbagai perangkat. Bagi owner, proyek ini meningkatkan kepuasan terhadap aplikasi karena tampilan lebih profesional, landing page efektif untuk branding, dan identitas visual lebih konsisten. Secara keseluruhan, Cadira menjadi platform interaktif, user-friendly, dan memperkuat citra brand.

Proyek redesign Cadira berhasil meningkatkan pengalaman pengguna dengan alur latihan yang jelas, tampilan menarik, dan akses optimal di berbagai perangkat. Bagi owner, proyek ini meningkatkan kepuasan terhadap aplikasi karena tampilan lebih profesional, landing page efektif untuk branding, dan identitas visual lebih konsisten. Secara keseluruhan, Cadira menjadi platform interaktif, user-friendly, dan memperkuat citra brand.

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.