Perancangan Desain UI/UX Website BAYLEAF Menggunakan Metode Design Thinking
PDF

Keywords

UI/UX
Design Thinking
situs web fashion
bayleaf
sus

How to Cite

Perancangan Desain UI/UX Website BAYLEAF Menggunakan Metode Design Thinking. (2025). Prosiding SEMNAS INOTEK (Seminar Nasional Inovasi Teknologi), 9(3), 2221-2229. https://doi.org/10.29407/5ftrfy15

Abstract

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.

PDF

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.

Creative Commons License

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

Copyright (c) 2025 Ardin Ariantana Putra, Moh .Teguh Purwanto, Erna Daniati