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
GroTrack Application B2B In GroUp
UI/UX Designer at NexSoft
View Detail
Website
Cadira Sysuser (Responsive Website)
UI/UX Designer (Freelancer)
View Detail
Mobile
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft
View Detail
Mobile
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft
View Detail
Website & Mobile
Design System for NexSoft UI Libraries
UI/UX Designer at NexSoft
View Detail
Website
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaitech
View Detail
Website
GroTrack Application B2B In GroUp
UI/UX Designer at NexSoft
View Detail
Website
Cadira Sysuser (Responsive Website)
UI/UX Designer (Freelancer)
View Detail
Mobile
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft
View Detail
Mobile
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft
View Detail
Website & Mobile
Design System for NexSoft UI Libraries
UI/UX Designer at NexSoft
View Detail
Website
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaitech
View Detail
Work,
Documentation
Website
GroTrack Application B2B In GroUp
UI/UX Designer at NexSoft
View Detail
Website
Cadira Sysuser (Responsive Website)
UI/UX Designer (Freelancer)
View Detail
Mobile
NexStar for Appliaction marketplace In GroUp
UI/UX Designer at NexSoft
View Detail
Mobile
NexLog for Appliaction Driver In GroUp
UI/UX Designer at NexSoft
View Detail
Website & Mobile
Design System for NexSoft UI Libraries
UI/UX Designer at NexSoft
View Detail
Website
Sidabor for Pustaka Obor Indonesia
UI/UX Designer at Hefaitech
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