Perancangan Desain Antarmuka Internal SThreeF Boutique Berbasis Website Menggunakan Metode Design Thinking
Article Sidebar
Main Article Content
Abstract
SThreeF Boutique merupakan usaha di bidang fashion yang saat ini masih mengelola data secara manual. Kondisi tersebut menyebabkan proses administrasi menjadi kurang efektif, meningkatkan potensi kesalahan pencatatan, serta memperlambat pengelolaan data produk, stok, pelanggan, dan transaksi. Penelitian ini bertujuan untuk merancang desain antarmuka internal berbasis website yang sesuai dengan kebutuhan pengguna guna mendukung pengelolaan operasional butik secara lebih efektif dan efisien. Metode yang digunakan adalah Design Thinking, yang terdiri atas tahapan empathize, define, ideate, prototype, dan test. Tahap empathize dilakukan melalui wawancara dengan pengelola SThreeF Boutique untuk mengidentifikasi permasalahan dan kebutuhan pengguna. Hasil analisis tersebut menjadi dasar dalam penyusunan alur pengguna (user flow), pembuatan wireframe, desain antarmuka, dan prototipe. Hasil penelitian berupa rancangan desain antarmuka internal berbasis website yang mencakup fitur pengelolaan produk, stok, pelanggan, transaksi, dan laporan. Pengujian prototipe menunjukkan hasil penilaian sebesar 76,4%, yang mengindikasikan bahwa desain yang dikembangkan memiliki tata letak yang rapi, terstruktur, dan mudah dipahami. Rancangan ini diharapkan dapat memberikan pengalaman penggunaan yang lebih intuitif, mendukung pengelolaan data yang terstruktur, mengurangi kesalahan pencatatan, serta meningkatkan efisiensi operasional butik secara signifikan. Selain itu, hasil penelitian ini menjadi dasar bagi pengembangan sistem informasi internal di masa mendatang. Oleh karena itu, penelitian selanjutnya disarankan untuk mengembangkan desain menjadi sistem yang dapat diimplementasikan serta melakukan pengujian pada lebih banyak pengguna agar efektivitas dan kemudahan penggunaan sistem dapat dievaluasi secara lebih komprehensif.
Article Details
This work is licensed under a Creative Commons Attribution 4.0 International License.
Copyright © 2026 The Authors
References
[2] M. W. Mauludy, A. R. A. Pratiwi, and M. Lamada, “Development of a Web Repository of ADDIE-Based Course Teaching Materials as an Institutional Digital Archive with ISO 25010 Evaluation,” vol. 6, no. 1, 2026, doi: 10.47065/jimat.v6i1.872.
[3] L. Anggraini, N. Kurniawan, Y. Cahyono, and Susanto, “APLIKASI PENYEWAAN PERALATAN CAMPING DAN HIKING PADA PANDANARAN OUTDOOR BERBASIS WEB,” vol. 15, no. 1, pp. 112–124, 2024.
[4] N. Anida, Z. Mohd, and N. H. Hasbullah, “Sistem Temujanji Interaktif Berasaskan Web,” pp. 110–117, doi: 10.36079/lamintang.jetas-0203.144.
[5] S. Sintaro, “Permodelan Sistem Informasi Pembelian dan Penjualan Berbasis Website,” vol. 1, pp. 25–32, 2022.
[6] F. M. Z. Fauzi, M. R. Firdaus, P. Nurasiyah, and R. Piarna, “PERANCANGAN DAN IMPLEMENTASI SISTEM INFORMASI BERBASIS WEB DI UMKM SAGALA LADA UNTUK MENINGKATKAN EFISIENSI OPERASIONAL,” vol. 3, no. 3, pp. 458–471, 2026.
[7] I. Ananda and M. M. Rosady, “PERANCANGAN UI / UX SISTEM APLIKASI MANAJEMEN STOK BARANG MENGGUNAKAN METODE DESIGN THINKING PADA TOKO BNJ,” vol. 7, no. 1, pp. 303–311, 2025.
[8] M. Nurdin, B. Sulaeman, and Dasril, “SISTEM INFORMASI PENJUALAN PADA TOKO RAHMAT BERBASIS WEBSITE,” vol. 13, no. 3.
[9] E. M. Simanungkalit, T. Loveri, and A. Z. Sianipar, “PERANCANGAN SISTEM INFORMASI PERSEDIAAN BARANG BERBASIS WEB PADA TOKO KAIN HERITAGE TEXTILE UNTUK MENINGKATKAN EFISIENSI MANAJEMEN STOK DAN PENGENDALIAN PERSEDIAAN,” vol. 9, no. 5, pp. 9002–9008, 2025.
[10] A. A. Al Harits, A. I. Warnilah, Ratningsih, and H. Sutisna, “DESAIN UI / UX SISTEM INFORMASI MONITORING TUGAS SISWA MENGGUNAKAN METODE DESIGN THINKING,” vol. 12, no. 1, pp. 29–38, 2026.
[11] D. R. Ismawati, Berlilana, and P. Subarkah, “Perancangan Desain Antarmuka Pengguna Aplikasi Katalog Digital Pada UMKM My-Boutique Menggunakan Metode Design Thinking,” vol. 5, no. 2, pp. 673–682, 2025.
[12] G. Kurniawan, F. Adnan, and J. A. Putra, “PERANCANGAN USER INTERFACE DAN USER EXPERIENCE APLIKASI E- COMMERCE KAIN BATIK PADA UMKM REZTI ’ S BATIK MENGGUNAKAN PENDEKATAN DESIGN THINKING,” vol. 10, no. 3, pp. 551–560, 2023, doi: 10.25126/jtiik.2023106733.
[13] A. Qurrota and D. G. P. Putri, “PERANCANGAN USER EXPERIENCE DAN USER INTERFACE WEBSITE DIGITAL EKOSISTEM UNTUK UMKM,” 2023.
[14] A. Widodo and J. Sundari, “Perancangan UI / UX pada Website Pengelolaan Manajemen Toko Muthia dengan Metode Design Thinking dan SUS,” vol. 14, no. 2, pp. 108–118, 2023.
[15] J. H. Imin, M. Fajar, and Hasniati, “Perancangan UI / UX Website Search Buddy Menggunakan Pendekatan Design Thinking,” vol. 18, no. 1, pp. 89–98, 2024.
[16] B. Nurohman and A. Aziz, “Analisis UI / UX Terhadap Perancangan Toko Online Dengan Menggunakan Pendekatan Human Centered Design,” vol. 10, no. 1, pp. 27–37, 2024.
[17] P. Oktariana, B. Mulyawan, and M. D. Lauro, “PERANCANGAN USER INTERFACE UNTUK WEBSITE RESTORAN PONDOK BAMBU HIJAU DENGAN METODE DESIGN THINKING,” pp. 2–6.
[18] C. Fikriliani, F. Panjaitan, L. A. Abdillah, and M. S. Putra, “Perancangan UI / UX pada Website Inventaris Barang Menggunakan Metode Design Thinking,” vol. 5, no. January, pp. 463–472, 2025.
[19] T. C. Ochktavia and R. Y. Hayuningtyas, “Perancangan Website Penjualan Mainan Menggunakan Metode Design Thinking Pada PT. Lestari Giat Jaya,” vol. 2, no. 2, pp. 88–95, 2022.
[20] F. Risyda, Y. Gardenia, and M. Awaluddin, “Perancangan UI / UX Aplikasi Perpustakaan Digital Berbasis Web dengan Pendekatan Metode Design Thinking,” vol. 9, no. 2, pp. 67–77, 2025.
[21] Uliana, A. Priyanto, and E. Prasetyo, “Penerapan Metode Desain Thinking Dalam Pengembangan Sistem Penjualan Berbasis Web Pada Toko Mulia Pati,” vol. 8, no. 2, 2025.
[22] W. Andiani and A. Wahyui, “PERANCANGAN DESAIN UI / UX MENGGUNAKAN METODE DESIGN THINKING PADA WEBSITE PT . VIRAMA KARYA (PERSERO),” vol. 04, no. 01, pp. 1–10, 2024.
[23] A. Mursyidah, I. Aknuranda, and H. M. Az-zahra, “Perancangan Antarmuka Pengguna Sistem Informasi Prosedur Pelayanan Umum Menggunakan Metode Design Thinking ( Studi Kasus : Fakultas Ilmu Komputer Universitas Brawijaya ),” vol. 3, no. 4, pp. 3931–3938, 2019.
[24] N. N. Rasendriya, A. P. Kharisma, and M. T. Ananta, “Perancangan Pengalaman Pengguna Aplikasi Rental Printer dengan Metode Design Thinking ( Studi Kasus : Print Pojok UNESA Ketintang Surabaya ),” vol. 7, no. 5, pp. 2215–2226, 2023.
[25] S. H. Musa and E. R. Yulia, “METODE DESIGN THINKING PERANCANGAN UI / UX SISTEM INFORMASI BOOKING RUANG MEETING PT MEDQUEST JAYA GLOBAL,” vol. 5, no. 1, pp. 1–10, 2024.
[26] M. Sayuti, M. L. Rasyid, and R. Usman, “Perancangan UI/UX Design Website PT. Nazea Teknologi,” pp. 625–633, 2025.
[27] C. M. Dewanty, P. D. W. Ayu, and N. P. E. Apriyanthi, “Systematic Literature Review : Karakteristik UI / UX Efektif untuk Efisiensi Sistem Informasi UMKM,” vol. 8, no. 1, pp. 55–62, 2026.
[28] F. Puspitasari, “PERANCANGAN DESAIN UI / UX TEMPO STORE BERBASIS WEBSITE E-COMMERCE DENGAN METODE DESIGN THINKING,” pp. 44–64, 2024.
[29] I. A. Juliansyah and I. V Paputungan, “Perancangan User Experience Pada Website Penjualan Kerajinan Tangan Dengan Metodologi Design Thinking,” 2020.
[30] W. S. P. Suprayogi and A. D. Indriyanti, “Perancangan Design UI / UX E-Commerce TRINITY Berbasis Website Dengan Pendekatan Design Thinking,” vol. 04, no. 01, pp. 50–61, 2023.
[31] M. J. P. Sumaila, Herman, and S. H. Mansyur, “PERANCANGAN UI / UX VAPEJIE . ID BERBASIS WEBSITE DENGAN METODE DESIGN THINKING PADA LAYANAN POINT OF SALE (POS),” vol. 11, no. 1, pp. 1988–2000, 2026.