Perancangan Design System Dengan Metode Atomic Design Pada Majelis Pendidikan Darul Hikam

Majelis Pendidikan Darul Hikam merupakan sebuah yayasan pendidikan yang memiliki beragam produk digital seperti website dan aplikasi mobile sebagai penunjang aktivitas pendidikan. Dalam proses pengembangan produk digitalnya, sering terjadi perbedaan pandangan antara tim desainer, mengakibatkan inkonsistensi antarmuka dan menimbulkan ketidaknyamanan bagi pengguna website, karena desainer melakukan desain dengan presepsi pribadi. Untuk mengatasi masalah ini, penelitian ini mengusulkan implementasi design system, sebuah pedoman dan dokumentasi komprehensif yang terdiri dari komponen antarmuka pengguna yang terintegrasi. Metode Atomic Design digunakan dalam pengembangan design system ini. Penerapan design system diharapkan dapat menyelesaikan masalah inkonsistensi produk dan meningkatkan pengalaman pengguna yang lebih baik dan memuaskan di Majelis Pendidikan Darul Hikam. Hasil pengujian menunjukkan pengurangan waktu penyelesaian tugas desainer dari rata-rata 1 jam 02 menit menjadi 12 menit 07 detik setelah implementasi design system. Tingkat efisiensi tugas mencapai 80.45% dan nilai efektifitas mencapai 100% (sebelumnya 46.67%). Kepuasan pengguna juga meningkat, ditunjukkan oleh skor System Usability Scale (SUS) yang naik dari 51% menjadi 80.5%. Sehingga dengan hadirnya design system terbukti menjadi solusi efektif dan tepat untuk di implementasikan pada Majelis Pendidikan Darul Hikam