Creating a System Design Using the Atomic Design Approach and A/B Testing

  • Reyhan Adinata Kurniawan Universitas Islam Indonesia
Keywords: Design System, atomic design, A/B testing, consistent, efficient., atomic design, a/b testing, consistent, efficient


The presence of digital products has become an integral part of human daily life. User Interface (UI) plays a central role in determining the success and adoption of products. Consistency and coherence in UI design are crucial to ensure users can easily understand and efficiently use products. However, creating a consistent UI, especially for complex digital products, is a formidable challenge. Hence, the Design System emerges as an innovative solution. From the perspective of user experience, consistency is considered a crucial factor that influences user ease in interacting with designs. This research aims to examine the implementation of atomic design and A/B testing approaches in creating a Design System, with a case study at Astra Buana Insurance company. It is expected that the findings of this research will contribute both theoretically and practically to the development of an effective and efficient Design System.


Download data is not yet available.



I. Hidayanti et al., “Analisis Usability Website Sekolah Menengah Atas,” Jurnal Ilmiah Binary STMIK Bina Nusantara Jaya Lubuklinggau, vol. 4,

T. N. Amini, T. N. A. Amini, H. Fabroyir, and R. J. Akbar, “Desain dan Evaluasi Antarmuka Mobile App MyITS Alumni pada Platform Android dan Ios Melalui Pendekatan User-Centered Design,” Jurnal Teknik ITS, vol. 10, no. 2, pp. A133–A139, Dec. 2021, doi: 10.12962/j23373539.v10i2.63024.

A. Kholmatova, “Design Systems. A practical guide to creating design languages for digital products.,” Annals of the CIRP, vol. 46, no. 1, pp. 75–80, 2017.

I. F. Ashari and R. R. Muharram, “Pengembangan Antarmuka Pengguna Kolepa Mobile App Menggunakan Metode Design Thinking Dan System Usability Scale,” JSiI (Jurnal Sistem Informasi), vol. 9, no. 2, pp. 168–176, Sep. 2022, doi: 10.30656/JSII.V9I2.4993 B. Frost, Atomic Design. Brad Frost, 2016

R. A. and D. Kurniawan, “Perancangan User Experience Aplikasi Android Konsultasi Skripsi dengan Metode User Centered Design”, JTEKSIS, vol. 5, no. 3, pp. 183-189, Jul. 2023.

Huldan, S., & Finandhita, A. (2021). Pengembangan Design System Pada Perangkat Lunak Ibid Design System in Ibid’ S Software With an Atomic Design Approach. JUPITER: Jurnal Penelitian Mahasiswa Teknik Dan Ilmu Komputer, 1(1).

Lamine, Y., & Cheng, J. (2022). Understanding and supporting the design systems practice. Empirical Software Engineering, 27(6).

Mountstephens, J., & Teo, J. (2020). Progress and challenges in generative product design: A review of systems. In Computers (Vol. 9, Issue 4).

Novák, J. Š., Masner, J., Vaněk, J., Šimek, P., & Hennyeyová, K. (2019). User experience and usability in agriculture-selected aspects for design systems. Agris On-Line Papers in Economics and Informatics, 11(4).

Yang, C., Zhang, L., & Wei, W. (2022). The Influence of Introducing the Concept of Sustainable System Design Thinking on Consumer Cognition: A Designer’s Perspective. Systems, 10(4).

A. A. Tejamukti, H. M. Az-zahra, and R. I. Rokhmawati, “Pengembangan Antarmuka Website PPPA Daarul Qur ’ an Malang Dengan Menggunakan Metode Goal Directed Design,” Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 2, no. 12, pp. 6277–6285, 2018, [Online]. Available:

R. Supriatna, “Implementasi Dan User Acceptnace Test ( UAT) Terhadap Aplikasi E-Learning,” J. Chem. Inf. Model., vol. 53, no. 9, pp. 1689– 1699, 2018.

A. Supriyatna, “Penerapan Usability Testing Untuk Pengukuran Tingkat Kebergunaan Web Media of Knowledge,” Teknois J. Ilm. Teknol. Inf. dan Sains, vol. 8, no. 1, pp. 1–16, 2019, doi: 10.36350/jbs.v8i1.17.

N. Huda, “Implementasi Metode Usability Testing Dengan System Usability Scale Dalam Penilaian Website Rs Siloam Palembang,” Klik - Kumpul. J. Ilmu Komput., vol. 6, no. 1, p. 36, 2019, doi: 10.20527/klik.v6i1.177.

N. Triastuti, L. D. Krisnawati, and A. Riyono, “Implementasi Card Dalam Perancangan Program Bantu Pembelajaran Membaca,” J. Inform., vol. 6, no. 2, 2011, doi: 10.21460/inf.2010.62.87.

A. W. Soejono, A. Setyanto, A. F. Sofyan, and W. Anova, “Evaluasi Usability Website UNRIYO Menggunakan S ystem Usability Scale ( Studi Kasus : Website UNRIYO ),” vol. XIII, pp. 29–37, 2018.

V. S. S. R. I. Rokhmawati and A.-Z. Hanifah Muslimah, Perbaikan User Interface dan Analisis Perbandingan Hasil pada Website dengan menggunakan Usability Testing dan System Usability Scale (SUS) Questionnaire, vol. 4, no. 4. 2019.

G. Bintang and H. Ashshidhiqi, “Rekomendasi rancangan Information Architecture Website Institusi Pendidikan Tinggi Menggunakan Metode Card Sorting pada Metode Goal-Directed Design Design Recomendation of Information Architecture Education Institution Website Using Card Sorting Method on,” vol. 2, no. 2, pp. 6155–6164, 2015.

F. Sujito, R. Arifudin, and F. Arini, “An Analysis of User Interface and User Experience Using System Usability Scale and GOMS Method,” J. Adv. Inf. Syst. Technol., vol. 1, no. 1 SE-Articles, pp. 65–73, 2019. [Online]. Available:

D. H. Putra, M. Asfi, and R. Fahrudin, “Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company,” Jurnal Ilmiah Teknologi Infomasi Terapan, vol. 8, no. 1, pp. 111–117, Dec. 2021, doi: 10.33197/JITTER.VOL8.ISS1.2021.730.

B. Frost, Atomic Design. Brad Frost, 2016.

How to Cite
Kurniawan, R. (2024). Creating a System Design Using the Atomic Design Approach and A/B Testing. Jurnal Teknologi Dan Sistem Informasi Bisnis, 6(3), 543-549.