Design System Pada Produk Digital Teamstar

Dalam Teamstar, sebuah aplikasi inovatif yang bertujuan mengubah cara profesional di bidang STEM (sains, teknologi, teknik, dan matematika) berinteraksi dan bekerja sama, telah menghadapi sejumlah tantangan kritis dalam pengembangan produknya. Meskipun aplikasi ini menawarkan beragam fitur yang memungkinkan pengguna untuk berbagi konten, mengikuti tren berita, dan terhubung dengan sesama profesional STEM, setelah In-Depth Interview dengan desainer dan developer, terungkap bahwa Teamstar mengalami masalah konsistensi tampilan, tidak ada panduan desain untuk desainer dan masalah implementasi yang tidak efisien. Untuk mengatasi permasalahan ini, pendekatan holistik dengan menerapkan Design System menjadi langkah penting. Design System ini bertujuan untuk menciptakan konsistensi visual dalam aplikasi, mengatur pedoman seperti warna, ukuran font, dan jarak, serta memberikan panduan yang reusable bagi desainer. Melalui metodologi atomic design yang menggabungkan pendekatan kuantitatif dan kualitatif, dengan analisis, identifikasi permasalahan, visual audit, bedah masalah, inventarisasi tampilan produk, perancangan Design System, dan implementasi, hasil penelitian menunjukkan peningkatan signifikan dalam nilai usability metrics, efisiensi waktu pembuatan desain sebesar 86%, dan peningkatan skalabilitas sebesar 88%. Dengan demikian, penerapan Design System telah berhasil memberikan solusi efisien, efektif, dan berkualitas tinggi bagi Teamstar, meningkatkan pengalaman pengguna, serta mengoptimalkan proses pengembangan produk digital Teamstar.