Perancangan Desain UI/UX Website BAYLEAF Menggunakan Metode Design Thinking
DOI:
https://doi.org/10.29407/5ftrfy15Abstract
Studi ini bertujuan untuk mendesain ulang tampilan dan pengalaman pengguna (UI/UX) situs web Bayleaf. id dengan menggunakan pendekatan Design Thinking, yang terdiri dari lima tahap: Empati, Definisi, Ide, Prototipe, dan Pengujian. Masalah utama yang diidentifikasi dari hasil survei dan wawancara mencakup tampilan yang kurang menarik, informasi produk yang tidak lengkap, serta fitur navigasi yang belum dioptimalkan. Pada tahap Prototipe, dirancang visual berkualitas tinggi berdasarkan ide-ide solusi yang sesuai dengan kebutuhan pengguna. Evaluasi dilakukan dengan menggunakan metode System Usability Scale (SUS) terhadap 21 partisipan. Hasil pengujian menunjukkan nilai rata-rata 72,14, yang tergolong dalam kategori “Baik”. Temuan ini mengindikasikan bahwa metode Design Thinking mampu menghasilkan antarmuka yang tidak hanya berfungsi dengan baik, tetapi juga menarik dan memenuhi kebutuhan pengguna. Penelitian ini diharapkan dapat menjadi landasan untuk pengembangan lebih lanjut pada UI/UX dalam platform e-commerce mode yang sejenis.
Keywords:
UI/UX, Design Thinking, situs web fashion, bayleaf, sus##plugins.themes.default.displayStats.downloads##
References
[1] D. Haryuda Putra, M. Asfi, and R. Fahrudin, “PERANCANGAN UI/UX MENGGUNAKAN METODE DESIGN THINKING BERBASIS WEB PADA LAPORTEA COMPANY,” 2021.
[2] V. K. Reynaldi and N. Setiyawati, “PERANCANGAN UI/UX FITUR MENTOR ON DEMAND MENGGUNAKAN METODE DESIGN THINKING PADA PLATFORM PENDIDIKAN TEKNOLOGI.”
[3] D. Ramadhan et al., “Seminar Nasional Manajemen, Ekonomi dan Akuntasi Fakultas Ekonomi dan Bisnis UNP Kediri PERANCANGAN START-UP BUSINESS E-COMMERCE ‘CREATEEZ’ MENGGUNAKAN METODE DESIGN THINKING.”
[4] W. Suprayogi Adhyaksa Pratama and A. Dwi Indriyanti, “Perancangan Design UI/UX E-Commerce TRINITY Berbasis Website Dengan Pendekatan Design Thinking,” 2023.
[5] S. Nurmaharani and Heriyanto, “ANALISA DAN PERANCANGAN UI/UX APLIKASI PENJUALAN MENGGUNAKAN METODE DESIGN THINKING PADA CV. MULTI BAN OTO SERVIS BEKASI,” INFOTECH journal, vol. 9, no. 1, pp. 46–53, Feb. 2023, doi: 10.31949/infotech.v9i1.4393.
[6] A. S. Rahman et al., “Perancangan UI/UX Layanan Aduan Fasilitas Umum dengan Metode Design Thinking Berbasis Mobile,” 2024.
[7] R. Puspita and R. Astriani, “PERANCANGAN DESIGN UI/UX PADA WEBSITE TOKO MISTER SHOP ID MENGGUNAKAN METODE DESIGN THINKING,” JTS, vol. 2, no. 3.
[8] D. F. Aryansyah, P. Sokibi, and R. Fahrudin, “Perancangan Design UI/UX Aplikasi Penjualan Store Pakaian Dengan Metode Design Thinking Berbasis Android,” Jurnal Manajemen Informatika, Sistem Informasi dan Teknologi Komputer (JUMISTIK), vol. 2, no. 1, pp. 128–135, Jun. 2023, doi: 10.70247/jumistik.v2i1.19.
[9] W. Andiani and A. Wahyui, “PERANCANGAN DESAIN UI/UX MENGGUNAKAN METODE DESIGN THINKING PADA WEBSITE PT. VIRAMA KARYA (PERSERO),” 2024. [Online]. Available: http://jurnal.bsi.ac.id/index.php/jasika
[10] F. Aziz, D. Uki, E. Saputri, N. Khasanah, and T. Hidayat, “Penerapan UI/UX dengan Metode Design Thinking (Studi Kasus: Warung Makan).” [Online]. Available: http://ejournal.bsi.ac.id/ejurnal/index.php/infortech
[11] T. Buana Ayu and N. Wijaya, “2 ND MDP STUDENT CONFERENCE (MSC) 2023 PENERAPAN METODE DESIGN THINKING PADA PERANCANGAN PROTOTYPE APLIKASI PAYOPRINT BERBASIS ANDROID”, [Online]. Available: https://www.payoprint.id/.
[12] A. Maniek Wijayanto et al., “PENERAPAN METODE DESIGN THINKING DALAM RANCANG APLIKASI PENANGANAN LAPORAN PENCURIAN BARANG BERHARGA DI POLSEK SUKMAJAYA.”
[13] F. Nathanael, J. A. Razaq, and D. B. Santoso, “Penerapan Metode Design Thinking dalam Perancangan Website Kuis Online Menggunakan Figma di SMP Negeri 39 Semarang,” Jurnal Teknologi Informasi dan Komunikasi), vol. 8, no. 4, p. 2024, 2024, doi: 10.35870/jti.
[14] S. Ansori, P. Hendradi, and S. Nugroho, “Penerapan Metode Design Thinking dalam Perancangan UI/UX Aplikasi Mobile SIPROPMAWA,” Journal of Information System Research (JOSH), vol. 4, no. 4, pp. 1072–1081, Jul. 2023, doi: 10.47065/josh.v4i4.3648.
[15] I. Rangga, M. Fathurrochman, R. Uttungga, and I. Teknologi Adhi Tama Surabaya, “SNESTIK Seminar Nasional Teknik Elektro, Sistem Informasi, dan Teknik Informatika Evaluasi dan Perancangan UI/UX Website Niagahoster Menggunakan Metode Design Thinking”, doi: 10.31284/p.snestik.2024.5809.
Downloads
Published
Issue
Section
License
Copyright (c) 2025 Ardin Ariantana Putra, Moh .Teguh Purwanto, Erna Daniati
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Authors who publish with this journal agree to the following terms:
- Copyright on any article is retained by the author(s).
- The author grants the journal, right of first publication with the work simultaneously licensed under a Creative Commons Attribution License that allows others to share the work with an acknowledgment of the work’s authorship and initial publication in this journal.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal’s published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work.
- The article and any associated published material is distributed under the Creative Commons Attribution-ShareAlike 4.0 International License
