Perancangan UI/UX pada Website Toko Kue Jager Bakery dengan Metode Design Thinking
Abstract
A patisserie website is a key channel for interacting with consumers and has great potential to increase market reach. Jäger Bakery comes as a new innovation in the world of online cake shops designed to provide a better user experience compared to other cake shop websites. The main problems found on cake shop websites are suboptimal design, such as unattractive appearance, confusing navigation, and mismatch between user needs and features provided. This has the potential to reduce user comfort and affect the level of customer satisfaction. Therefore, the purpose of this research is to identify and design a design solution that better suits user preferences and improves the quality of the online shopping experience at the cake shop. The Design Thinking method was chosen for its approach that focuses on deeply understanding user needs and wants, and generating innovative and effective design solutions. The research process begins with the Empathize stage to gather information from users, followed by Define to formulate the main problem, then continues to the Ideate, Prototype, and finally Test stages to test the design that has been made. Usability testing results showed an increase in Direct Success Rate (DSR) from 65% to 93.8% and a decrease in Missclick Rate from 54.2% to 8%. In addition,System Usability Scale (SUS) testing resulted in a Maze Usability Score (MAUS) of 79.23, which is categorized as “good”. These results prove that the application of the Design Thinking method has successfully improved the UI/UX of the Jäger Bakery website by producing a more user-friendly design, increasing user engagement, and simplifying the purchasing process.
Downloads
References
K. Angelina, E. Sutomo, and V. Nurcahyawati, “Desain UI UX Aplikasi Penjualan dengan Menyelaraskan Kebutuhan Bisnis menggunakan Pendekatan Design Thinking,” TEMATIK, vol. 9, no. 1, pp. 70–78, Jun. 2022, doi: 10.38204/tematik.v9i1.915.
N. N. Arisa, M. Fahri, M. I. A. Putera, and M. G. L. Putra, “Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking,” Teknika, vol. 12, no. 1, pp. 18–26, Feb. 2023, doi: 10.34148/teknika.v12i1.549.
H. N. Agustin, D. P. Sari, and R. Andrian, “Penerapan Metode Design Thinking Pada Perancangan User Interface Aplikasi Bakery’lils Sebagai Platform Digital Penjualan Kue,” Jurnal Sistem dan Teknologi Informasi (JustIN), vol. 11, no. 2, p. 206, Jul. 2023, doi: 10.26418/justin.v11i2.55400.
Muhammad Sulthon Abdillah, Farel Atalla Muhammad Dafa, and Ina Sholihah Widiati, “Penerapan Metode Design Thinking pada UI/UX Website SaveBite untuk Penjualan Sisa Makanan dalam Mengurangi Food waste,” Router : Jurnal Teknik Informatika dan Terapan, vol. 2, no. 3, pp. 185–196, Aug. 2024, doi: 10.62951/router.v2i3.168.
Maulana, D. F., & Voutama, A. “Penggunaan Metode Design Thinking Dalam Perancangan UI/UX Sistem In-formasi Penyewaan Sepeda”. Jurnal Teknologi Sistem Informasi dan Sistem Komputer TGD, 6(2), 452-462, 2023, doi: https://doi.org/10.53513/jsk.v6i2.8249
M. A. Edward, “IMPLEMENTATION OF UI UX ON THE TOKO KUE BUNDA AL SITE USING THINKING DESIGN METHOD,” Jurnal Informatika dan Teknik Elektro Terapan, vol. 12, no. 1, Jan. 2024, doi: 10.23960/jitet.v12i1.3600.
I. K. Wardani, P. Utomo, A. Budiman, and D. N. Amadi, “Pemanfaatan Metode Design Thinking dan Pengujian SUS untuk UI/UX Aplikasi Home Care Madiun Berbasis Android,” Journal of Computer and Information Systems Ampera, vol. 4, no. 2, 2023, doi: 10.51519/journalcisa.v4i2.399.
I. Adhiya Adha et al., “PERANCANGAN UI/UX APLIKASI OGAN LOPIAN DISKOMINFO PURWAKARTA MENGGUNAKAN METODE DESIGN THINKING,” JOISIE Journal Of Information System And Informatics Engi-neering, vol. 7, no. 1, 2023, doi: https://doi.org/10.35145/joisie.v7i1.2938
S. Indriyana, A. Voutama, ) Azhari, and A. Ridha, “Siti Indriyana, et, all Implementasi Metode Design Thinking pada Perancangan User Experience Aplikasi Humaira Cakes Implementasi Metode Design Thinking pada Perancangan User Experience Aplikasi Humaira Cakes,” Juni, vol. 4, no. 2, pp. 1487–1496, 2023, doi: 10.55338/jpkmn.v4i2.1086.
H. R. Sitorus, A. Ibrahim, Y. Utama, and H. Novianti, “KLIK: Kajian Ilmiah Informatika dan Komputer Perancangan Prototype UI/UX Website Softcoffee Dengan Penerapan Metode Design Thinking,” Media Online), vol. 4, no. 6, pp. 2744–2753, 2024, doi: 10.30865/klik.v4i6.1881.
M. Raschintasofi and H. Yani, “Perancangan UI UX Aplikasi Learning Management System Berbasis Mobile dan Website Menggunakan Metode Design Thinking,” Jurnal Manajemen Teknologi dan Sistem Informasi (JMS), vol. 3, no. 1, 2023, doi: https://doi.org/10.33998/jms.2023.3.1.753
A. H. Agusti and A. N. Alfian, “MULTIMEDIA DEVELOPMENT LIFE CYCLE DAN USER ACCEPTANCE TEST PADA MEDIA PEMBELAJARAN INTERAKTIF RUMUS MATEMATIKA,” BINA INSANI ICT JOURNAL, vol. 9, no. 2, pp. 147–161, 2022, doi: https://doi.org/10.51211/biict.v9i2.2223
A. Yasmin, A. Voutama, S. Karawang, J. H. Ronggo Waluyo, and T. T. Karawang, “PERANCANGAN UI/UX PADA APLIKASI STAYZY MENGGUNAKAN METODE DESIGN THINKING,” 2024. [Online]. Available: https://ejournal.itn.ac.id/index.php/jati/article/view/9549.
M. Hasibuan and A. Voutama, "Perancangan Tampilan Antarmuka Berbasis Aplikasi Mobile Agro Tech Dengan Metode Design Thinking," Jurnal Teknologi Sistem Informasi dan Sistem Komputer TGD, vol. 6, no. 2, pp. 527–538, Jul. 2023. [Online]. Available: https://ojs.trigunadharma.ac.id/index.php/jsk/article/view/8252
S. Indriyana, A. Voutama, ) Azhari, and A. Ridha, “Siti Indriyana, et, all Implementasi Metode Design Thinking pada Perancangan User Experience Aplikasi Humaira Cakes Implementasi Metode Design Thinking pada Perancangan User Experience Aplikasi Humaira Cakes,” Juni, vol. 4, no. 2, pp. 1487–1496, 2023, doi: 10.55338/jpkmn.v4i2.1086.
Copyright (c) 2025 Muhammad Rizky Wahyudi, Nur Widjiyati
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
