User Interface and User Experience (UI/UX) Design for the Ummu Micco Salon Website Using the Design Thinking Approach
Antarmuka Pengguna dan Pengalaman Pengguna (UI/UX) untuk Situs Web Salon Ummu Micco Menggunakan Pendekatan Design Thinking
DOI:
https://doi.org/10.25134/ilkom.v20i1.545Keywords:
UI/UX, MSMEs, Beauty Salon, Design Thinking, SUSAbstract
Digital transformation is a strategic solution for Micro, Small, and Medium Enterprises (MSMEs) to maintain global competitiveness, however, its implementation in the beauty service sector is often hindered by operational technology gaps. The primary issue in the Ummu Micco Salon case study is service management inefficiency, which negatively impacts business growth. The underlying cause lies in an inaccessible reservation system and a lack of price transparency, directly resulting in customer confusion and the risk of potential revenue loss. This study aims to address this gap by designing a User Interface (UI) and User Experience (UX) solution built on a website using the Design Thinking approach. The main contribution of this research is implementative, providing a validated design solution that directly resolves the service management inefficiencies faced by the beauty salon. The solution was realized as a high-fidelity prototype using Figma software and validated by 20 respondents. Evaluation results using the System Usability Scale (SUS) measurement indicated a score of 79.625, achieving a Grade B and an "Acceptable" category. This score directly demonstrates that the system design possesses a high level of usability and is feasible for implementation to support operational efficiency and business sustainability for MSMEs.
Downloads
References
[1] R. Hidayat, "Digitalisasi UMKM dan peningkatan daya saing di pasar global," Economics Note, vol. 1, no. 2, pp. 37–44, 2025, doi: 10.70716/econote.v1i2.82.
[2] C. S. Octiva, P. E. Haes, T. I. Fajri, H. Eldo, and M. L. Hakim, "Implementasi teknologi informasi pada UMKM: Tantangan dan peluang," Jurnal Minfo Polgan, vol. 13, no. 1, pp. 815-821, 2024, doi: 10.33395/jmp.v13i1.13823.
[3] R. Ariza and N. Aslami, "Analisis strategi pemasaran usaha mikro kecil dan menengah (UMKM) pada era digital di Kota Medan," VISA: Journal of Vision and Ideas, vol. 1, no. 2, pp. 188-194, 2021, doi: 10.47467/visa.v1i2.834.
[4] E. D. Astuti and R. Rosita, "Pentingnya transformasi digital UMKM dalam pengembangan ekonomi Indonesia," Sammajiva: Jurnal Penelitian Bisnis Dan Manajemen, vol. 2, no. 4, pp. 119–134, 2024, doi: 10.47861/sammajiva.v2i4.1499.
[5] S. Soedewi, A. Mustikawan, and W. Swasty, "The design thinking method application on the Kirihuci MSME website design," Visualita: Jurnal Online Desain Komunikasi Visual, vol. 10, no. 2, p. 17, 2022, doi: 10.34010/visualita.v10i02.5378.
[6] A. P. A. Andika, “Sistem Informasi Web Promosi Joker Vape dengan Agile Scrum dan Usability Testing”, Nuansa Informatika, vol. 18, no. 1, pp. 6–13, Jan. 2024. doi: https://doi.org/10.25134/ilkom.v18i1.36
[7] Viky Fithrotul Qolbi, Lilik Sugiarto, and Hadis Turmudi, “Perancangan Sistem Informasi Pemesanan Salon Kecantikan Pada Aura Salon Berbasis Website”, JPSI, vol. 1, no. 3, pp. 258–268, Aug. 2023. doi: https://doi.org/10.54066/jpsi.v1i3.792
[8] Kasih and I. Ismail, "Perancangan UI/UX aplikasi booking online pada Elaine Studio dengan metode design thinking," INFORMATIKA, vol. 12, no. 3, pp. 417-426, 2024, doi: 10.36987/informatika.v12i3.6014.
[9] N. Safitri and I. Maliki, "Perancangan UI/UX aplikasi HikingMate dengan metode design sprint untuk mendukung konektivitas pelanggan dan UMKM penyedia jasa hiking," Jurnal Informatika Dan Komputasi: Media Bahasan, Analisa Dan Aplikasi, vol. 19, no. 1, pp. 70–78, 2025. [Online]. Available: https://journals.inaba.ac.id/index.php/jiki/article/view/492
[10] Damayanti, "Perancangan UI & UX aplikasi persediaan bahan baku untuk produksi pada PT. Indomas Prima Sejati," Informatics And Computer Engineering Journal, vol. 4, no. 2, pp. 93-103, 2024, doi: 10.31294/icej.v4i2.4937.
[11] M. Rafiqh and Ismail, "Perancangan UI & UX aplikasi pariwisata kota berbasis Android di Kota DKI Jakarta," Journal Education and Technology, vol. 4, no. 2, pp. 182-197, 2023, doi: 10.31932/jutech.v4i2.3022.
[12] N. W. Lestari and D. Y. Krisna, "Perancangan UI/UX menggunakan metode design thinking berbasis aplikasi penjualan pada usaha Bakso Barokah," JUTECH: Journal Education and Technology, vol. 5, no. 2, pp. 365-378, 2024, doi: 10.31932/jutech.v5i2.4082.
[13] T. P. Y. Titan, Budiman, and J. H. F. Efendi Putra, “Perancangan Prototype User Interface Dan Pengujian User Experience Aplikasi Rental Mobil Berbasis Menggunakan Metode Design Thinking (Studi Kasus : Pt Trans Berjaya Khatulistiwa)”, Nuansa Informatika, vol. 17, no. 2, pp. 48–65, Jul. 2023. doi: https://doi.org/10.25134/ilkom.v17i2.9
[14] J. F. Pacheco, "What is design thinking? Stanford d.school model explained," Juan Fernando Pacheco, 2025. [Online]. Available: https://juanfernandopacheco.com/2025/01/what-is-design-thinking-stanford-d-school-model/
[15] R. F. Dam, "The 5 stages in the design thinking process," Interaction Design Foundation - IxDF, 2025. [Online]. Available: https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-process
[16] M. L. Haryanti, F. Fraderic, S. Hartono, and J. Salim, “Cinema e-Ticket Application Design and Usability Evaluation Using SUS”, Nuansa Informatika, vol. 19, no. 1, pp. 14–22, Jan. 2025. doi: https://doi.org/10.25134/ilkom.v19i1.296
[17] J. Sauro, "5 ways to interpret a SUS score," MeasuringU, 2018. [Online]. Available: https://measuringu.com/interpret-sus-score/
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Fathan Aqsha Ghasani Aufa, Febriyansyah Ramadhan, Debi Irawan
This work is licensed under a Creative Commons Attribution 4.0 International License.
