Preview Design System for NexSoft UI Libraries
Preview Design System for NexSoft UI Libraries
UI/UX Designer
2022 - 2024
Figma, Zeroheight & Adobe Ilustrator
Design System for NexSoft UI Libraries adalah kumpulan desain Component User Interface yang dirancang khusus untuk mempermudah designer dalam membuat aplikasi web dan mobile sehingga tercipta standarisasi dan konsistensi design.
About The Company
PT. Paramadaksa Teknologi Nusantara (NexSOFT) adalah sebuah perusahaan yang bergerak di bidang pengembangan dan penyewaan perangkat lunak (Software as a Service) untuk kegiatan bisnis seperti Sistem Manajemen Distribusi (Distribution Management System), Sistem Manajemen Penyalur (Wholesaler Management System) dan Sistem Manajemen Pramuniaga (Sales Force Automation). Perusahaan ini telah beroperasi sejak tahun 1995 dan telah menjadi mitra bagi ratusan bisnis menengah dan kecil di Indonesia. Salah satu klien perusahaan ini bergerak di industri sektor Fast-Moving Consumer Goods (FMCG) seperti Nestle Indonesia, Unicharm, Coca Cola, Sinar Sosro, Ultrajaya, Danone, Kalbe, Nutrifood, Dua Kelinci, Unilever, Softex, Mustika Ratu, L'oreal, Belfood, dan Red Bull.
My Roles & Responsibility
Project ini ada dari keresahan dan inisiatif saya sebagai UI/UX Designer, peran saya seperti berikut :
UI Designer dengan tools Figma
Creative Designer dalam membuat berbagai jenis Icon dan Logo Brand
Motion Graphic untuk membuat Animation dan Logo brand
Devops Design seperti management file style, logo, dan asset design UI lainnya
PIC Design System Mobile Android dan iOS
Background & Problem Story
Proyek ini lahir dari kebutuhan untuk menciptakan design system yang lebih memudahkan pekerjaan para UI Designer. Design Sytem yang ada saat ini sering kali belum optimal, terutama karena masih mengandalkan referensi desain sebagai acuan utama dalam membuat tampilan antarmuka pengguna (UI). Dalam proses pengembangan aplikasi mobile atau web, kami sering menghadapi tantangan seperti:
Ketidakjelasan mengenai standar desain yang harus digunakan.
Keputusan yang harus diambil terkait apakah suatu ecomponent merupakan bagian dari standarisasi atau tidak.
Permintaan untuk menyelesaikan aplikasi dalam waktu singkat sering kali memerlukan komponen baru, yang belum memiliki standarisasi.
Selain itu, sering kali aplikasi yang dibuat berbeda-beda dari mulai nama brand aplikasi, device yang digunakan baik mobile ataupun website juga membuat kondisi ini semakin tidak effisien dan efektif.
Namun, tidak adanya acuan yang pasti menjadi tantangan tambahan yang perlu diselesaikan oleh desainer UI/UX. Hal ini menjadi salah satu tanggung jawab penting bagi kami sebagai desainer untuk memastikan konsistensi dan kualitas desain dalam setiap project dapat memberikan manfaat baik bagi user, stakeholders ataupun bagi internal team UI/UX Designer.
Proses Design
Define dengan cara diskusi dengan team internal UI/UX Designer untuk mengetahui problem serta tahapan tahapan lainnya
Mencari Refrensi Design System dari berbagai sumber baik dari kompetitor ataupun sumber lainnya seperti Developer Apple, Material Design, Ant Design, Legion Telkom Design dan juga Developer Android
Menentukan size frame device untuk berbagai platform, Membuat Grid System, Menentukan Typograpyh, Color dan Spacing
Membuat component dari hasil list component serta menampilkan preview berupa case project dengan protoype yang ada, dan mulai menetukan timeline project
Mengevaluasi dan mereview component jika ditemukan beberapa tampilan yang tidak sesuai, ke team internal
Mebuat interaction design dan guideline untuk dimasukan ke ZeroHeight
Diskusi dengan Front-End terkait Asset UI di figma dan Memastikan tampilan yang sudah dibuat UI/UX Designer, dapat di implementasikan oleh team Front-End
Impact Design
Proyek ini menghasilkan standarisasi design system untuk platform Mobile (Android dan iOS) serta Website Responsif. Standarisasi ini mencakup berbagai component dan asset desain, seperti logo, animasi, dan ilustrasi. Dengan adanya standarisasi ini, waktu dan tenaga tim UI Designer dapat lebih dioptimalkan, sekaligus meminimalkan kesalahan dalam proses desain. Hasil ini juga membantu memastikan desain selalu selaras dengan identitas merek dan standar perusahaan.
Proyek ini mendapatkan respons positif dari berbagai stakeholder, termasuk Business Analyst dan tim Front-End. Mereka merasakan manfaat nyata dalam pembuatan tampilan aplikasi dan penentuan alur bisnis yang lebih efektif, sehingga meningkatkan kepuasan user. Inisiatif ini juga menjadi trigger tim Front-End untuk membuat dokumentasi khusus yang selalu diperbarui. Dokumentasi tersebut menghubungkan design system UI/UX dengan source code yang dapat digunakan kembali, sehingga meningkatkan efisiensi pengembangan dan memastikan konsistensi antara desain dan implementasi.
About The Company
PT. Paramadaksa Teknologi Nusantara (NexSOFT) adalah sebuah perusahaan yang bergerak di bidang pengembangan dan penyewaan perangkat lunak (Software as a Service) untuk kegiatan bisnis seperti Sistem Manajemen Distribusi (Distribution Management System), Sistem Manajemen Penyalur (Wholesaler Management System) dan Sistem Manajemen Pramuniaga (Sales Force Automation). Perusahaan ini telah beroperasi sejak tahun 1995 dan telah menjadi mitra bagi ratusan bisnis menengah dan kecil di Indonesia. Salah satu klien perusahaan ini bergerak di industri sektor Fast-Moving Consumer Goods (FMCG) seperti Nestle Indonesia, Unicharm, Coca Cola, Sinar Sosro, Ultrajaya, Danone, Kalbe, Nutrifood, Dua Kelinci, Unilever, Softex, Mustika Ratu, L'oreal, Belfood, dan Red Bull.
UI/UX Designer
2022 - 2024
Figma, Zeroheight & Adobe Ilustrator
Design System for NexSoft UI Libraries adalah kumpulan desain Component User Interface yang dirancang khusus untuk mempermudah designer dalam membuat aplikasi web dan mobile sehingga tercipta standarisasi dan konsistensi design.
My Roles & Responsibility
Project ini ada dari keresahan dan inisiatif saya sebagai UI/UX Designer, peran saya seperti berikut :
UI Designer dengan tools Figma
Creative Designer dalam membuat berbagai jenis Icon dan Logo Brand
Motion Graphic untuk membuat Animation dan Logo brand
Devops Design seperti management file style, logo, dan asset design UI lainnya
PIC Design System Mobile Android dan iOS
Background Story
Proyek ini lahir dari kebutuhan untuk menciptakan design system yang lebih memudahkan pekerjaan para UI Designer. Design Sytem yang ada saat ini sering kali belum optimal, terutama karena masih mengandalkan referensi desain sebagai acuan utama dalam membuat tampilan antarmuka pengguna (UI). Dalam proses pengembangan aplikasi mobile atau web, kami sering menghadapi tantangan seperti:
Ketidakjelasan mengenai standar desain yang harus digunakan.
Keputusan yang harus diambil terkait apakah suatu ecomponent merupakan bagian dari standarisasi atau tidak.
Permintaan untuk menyelesaikan aplikasi dalam waktu singkat sering kali memerlukan komponen baru, yang belum memiliki standarisasi.
Selain itu, sering kali aplikasi yang dibuat berbeda-beda dari mulai nama brand aplikasi, device yang digunakan baik mobile ataupun website juga membuat kondisi ini semakin tidak effisien dan efektif.
Namun, tidak adanya acuan yang pasti menjadi tantangan tambahan yang perlu diselesaikan oleh desainer UI/UX. Hal ini menjadi salah satu tanggung jawab penting bagi kami sebagai desainer untuk memastikan konsistensi dan kualitas desain dalam setiap project dapat memberikan manfaat baik bagi user, stakeholders ataupun bagi internal team UI/UX Designer.
Proses Design
Define dengan cara diskusi dengan team internal UI/UX Designer untuk mengetahui problem serta tahapan tahapan lainnya
Mencari Refrensi Design System dari berbagai sumber baik dari kompetitor ataupun sumber lainnya seperti Developer Apple, Material Design, Ant Design, Legion Telkom Design dan juga Developer Android
Menentukan size frame device untuk berbagai platform, Membuat Grid System, Menentukan Typograpyh, Color dan Spacing
Membuat component dari hasil list component serta menampilkan preview berupa case project dengan protoype yang ada, dan mulai menetukan timeline project
Mengevaluasi dan mereview component jika ditemukan beberapa tampilan yang tidak sesuai, ke team internal
Mebuat interaction design dan guideline untuk dimasukan ke ZeroHeight
Diskusi dengan Front-End terkait Asset UI di figma dan Memastikan tampilan yang sudah dibuat UI/UX Designer, dapat di implementasikan oleh team Front-End
Impact Design
Proyek ini menghasilkan standarisasi design system untuk platform Mobile (Android dan iOS) serta Website Responsif. Standarisasi ini mencakup berbagai component dan asset desain, seperti logo, animasi, dan ilustrasi. Dengan adanya standarisasi ini, waktu dan tenaga tim UI Designer dapat lebih dioptimalkan, sekaligus meminimalkan kesalahan dalam proses desain. Hasil ini juga membantu memastikan desain selalu selaras dengan identitas merek dan standar perusahaan.
Proyek ini mendapatkan respons positif dari berbagai stakeholder, termasuk Business Analyst dan tim Front-End. Mereka merasakan manfaat nyata dalam pembuatan tampilan aplikasi dan penentuan alur bisnis yang lebih efektif, sehingga meningkatkan kepuasan user. Inisiatif ini juga menjadi trigger tim Front-End untuk membuat dokumentasi khusus yang selalu diperbarui. Dokumentasi tersebut menghubungkan design system UI/UX dengan source code yang dapat digunakan kembali, sehingga meningkatkan efisiensi pengembangan dan memastikan konsistensi antara desain dan implementasi.
Work,
Documentation
Website
Sysuser Cadira Responsive
UI/UX Designer (Freelancer) - 2024
“Cadira” sebuah Aplikasi berbasis website Responsive dengan tampilan sysuser dan leanding page yang digunakan untuk latihan seleksi masuk TNI - POLRI dengan 3 Fitur, latihan Fisik Jasmani, Akademik dan Psikologi.
View Detail
Mobile
Confidential
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
Mobile
Confidential
NexToken for Authenticator License Registration Code
UI/UX Designer at NexSoft - 2022
Berkontribusi Membuat Produk B2B, NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk ND6
Mobile
Confidential
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft - 2022
Berhasil berkontribusi mengerjakan produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Website
Confidential
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaistech - 2021
Sebuah Aplikasi berbasis website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan. Aplikasi ini digunakan untuk internal PT. Pustaka Obor Indonesia
Mobile, NexStar for Appliaction marketplace In GroUp
Sysuser Cadira Responsive
Website & Mobile
Website
UI/UX Designer at NexSoft - 2022
UI/UX Designer at Freelancer - 2024
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari klien kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
“Cadira” sebuah Aplikasi berbasis website Responsive dengan tampilan sysuser dan leanding page yang digunakan untuk latihan seleksi masuk TNI - POLRI dengan 3 Fitur, latihan Fisik Jasmani, Akademik dan Psikologi.
Mobile, NexToken for Authenticator License Registration Code
NexToken for Authenticator License Registration Code
Mobile
Confidential
UI/UX Designer at NexSoft - 2022
Berkontribusi Membuat Produk B2B seperti NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk berbayar NexSoft Distribution
Berkontribusi Membuat Produk B2B seperti NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk berbayar NexSoft Distribution
Mobile, NexLog for Appliaction Driver In GroUp
NexLog for Appliaction Driver In GroUp
Website
Mobile
Confidential
UI/UX Designer at Hefaistech - 2021
UI/UX Designer at NexSoft - 2022
UI/UX Designer at Hefaistech - 2021
Berhasil berkontribusi mengerjaka produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Berhasil berkontribusi mengerjakan produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Website, Sidabor for Pustaka Obor Indonesia
Sidabor for Pustaka Obor Indonesia
Website
Confidential
UI/UX Designer at Hefaistech - 2021
Sebuah Aplikasi berbasi website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan berupa tampilan dashboard aplikasi ini digunakan untuk internal office Pustaka Obor Indonesia
Sebuah Aplikasi berbasi website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan. Aplikasi ini digunakan untuk internal PT. Pustaka Obor Indonesia
NexStar for Appliaction marketplace In GroUp
Mobile
Confidential
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
NexStar for Appliaction marketplace In GroUp
Mobile
Confidential
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
Work,
Documentation
Website
Sysuser Cadira Responsive
UI/UX Designer (Freelancer) - 2024
“Cadira” sebuah Aplikasi berbasis website Responsive dengan tampilan sysuser dan leanding page yang digunakan untuk latihan seleksi masuk TNI - POLRI dengan 3 Fitur, latihan Fisik Jasmani, Akademik dan Psikologi.
View Detail
Mobile
Confidential
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
Mobile
Confidential
NexToken for Authenticator License Registration Code
UI/UX Designer at NexSoft - 2022
Berkontribusi Membuat Produk B2B, NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk ND6
Mobile
Confidential
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft - 2022
Berhasil berkontribusi mengerjakan produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Website
Confidential
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaistech - 2021
Sebuah Aplikasi berbasis website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan. Aplikasi ini digunakan untuk internal PT. Pustaka Obor Indonesia
Sysuser Cadira Responsive
Website
UI/UX Designer at Freelancer - 2024
“Cadira” sebuah Aplikasi berbasis website Responsive dengan tampilan sysuser dan leanding page yang digunakan untuk latihan seleksi masuk TNI - POLRI dengan 3 Fitur, latihan Fisik Jasmani, Akademik dan Psikologi.
View Detail
NexToken for Authenticator License Registration Code
Mobile
Confidential
UI/UX Designer at NexSoft - 2022
Berkontribusi Membuat Produk B2B seperti NexToken Mobile User & NexToken Website Admin yang merupakan sebuah aplikasi Authenticator License Registration Code untuk semua produk berbayar NexSoft Distribution
NexLog for Appliaction Driver In GroUp
Mobile
Confidential
UI/UX Designer at Hefaistech - 2021
UI/UX Designer at NexSoft - 2022
Berhasil berkontribusi mengerjakan produk B2C yang disebut “NexLog” sebuah aplikasi mobile pengiriman, penghubung antara distributor dengan pelanggan untuk memenuhi kebutuhan produk klien FMCG
Sidabor for Pustaka Obor Indonesia
Website
Confidential
UI/UX Designer at Hefaistech - 2021
Sebuah Aplikasi berbasi website dengan fitur pendataan buku, perhitungan piutang, pembelian, penjualan dan rekap pendapatan. Aplikasi ini digunakan untuk internal PT. Pustaka Obor Indonesia
NexStar for Appliaction marketplace In GroUp
Mobile
Confidential
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
NexStar for Appliaction marketplace In GroUp
Mobile
Confidential
UI/UX Designer at NexSoft - 2023
“Nexstar” sebuah Aplikasi Mobile yang digunakan untuk penghubung antara distributor dengan para pemilik toko atau end user dari kita untuk produk-produk Perusahaan Fast Moving Consumer Good (FMCG)
Aldi Adi
Saputro
Contact,
Let’s Work Together!
Let's connect and ready to help you build quality products for your business,
please send email to aldiadisaputro@gmail.com
© 2024 Aldi Adi Saputro. All Rights Reserved
© 2024 Aldi Adi Saputro. All Rights Reserved
Aldi Adi
Saputro
Contact,
Let’s Work Together!
Let's connect and ready to help you build quality products for your business,
please send email to aldiadisaputro@gmail.com
© 2024 Aldi Adi Saputro. All Rights Reserved