Analisis Perancangan Web Aplikasi Goffeeshop Dengan Metode Atomic Design Dan User Centered Design

  • Gde Agung Mandala Bendesa Universitas Udayana
  • Made Agung Raharja Universitas Udayana


Design patterns in Software Engineering generally provide solutions to recurring problems that often occur in software design. The subjective difference in design style is one of the obstacles experienced by Front-End Developers in designing the user interface design of slicing software, making the process of designing user interface designs tends to take a long time. This is the background of the author to design a Design System with the Atomic Design method in designing Goffeeshop Web Applications. In this research will be carried out using the Atomic Design method in the design process and the overall process of this research will use the User Centered Design method in several stages that are adapted to the research. Based on the test results, the research can be seen that the System Design that is designed can increase the productivity of a Front-End Developer in the design so that the time used is reduced because by utilizing the concept of the Atomic Design method. In addition, the resulting system results are more uniform and consistent. Then tested with the concept of User Centered Design using a questionnaire before and after the research design in accordance with usability indicators. Testing with a questionnaire before design is carried out to find out the solution and researchers can decide to create this information system, then a questionnaire is carried out after the design is carried out to be able to measure the level of user satisfaction with the Goffeeshop Web Application that has been designed which in this study an average of 69.6% of respondents users say this system is very easy and suitable.



Amrynudin, A., D., K., 2022. Wacana Kebijakan Work From Anywhere (WFA). Pusat Penelitian Badan Keahlian DPR RI Gd. Nusantara I Lt. 2, Vol. XIV, No.10/II/Puslit/Mei/2022

Huldan, S., Finandhita., A., 2021. Pengembangan Desain Sistem Pada Perangkat Lunak Ibid Dengan Pendekatan Atomic Design. Design system, 31 Usability matrics, User Interface, Consistent, Efficiency, 1(01), pp.112- 116.

Sukmasetya., P, Setiawan., A, Arumi., E., R., 2022. Penggunaan Usability Testing sebagai alat evaluasi website KRS online pada Perguruan Tinggi. P-ISSN: 2303-3142 E-ISSN: 2548-8570, Vol. 9 No. 1 Tahun 2020.

Frost, B., n.d., 2016. Atomic design.

Aulia., A, Kusuma., G., P., 2020. Enhancement of User-Centered Design Method for Improving Usability of E-Learning Website Design. International Journal of Emerging Trends in Engineering Research, 8(6), June 2020, 2543 - 2550.

Le, N., 2022. Creating software components using atomic design and test driven development. [online]
How to Cite
BENDESA, Gde Agung Mandala; RAHARJA, Made Agung. Analisis Perancangan Web Aplikasi Goffeeshop Dengan Metode Atomic Design Dan User Centered Design. Jurnal Nasional Teknologi Informasi dan Aplikasinya (JNATIA), [S.l.], v. 1, n. 1, p. 723-734, nov. 2022. Available at: <>. Date accessed: 27 jan. 2023.

Most read articles by the same author(s)

Obs.: This plugin requires at least one statistics/report plugin to be enabled. If your statistics plugins provide more than one metric then please also select a main metric on the admin's site settings page and/or on the journal manager's settings pages.