UI/UX Design of the Web-based Deshoes Information System using a Design Thinking Approach

Felda Alvian Firifki, Dwi Hosanna Bangkalang

Abstract


This study aims to design the UI/UX of the Syshoe web-based information system to improve service efficiency, expand market reach through digital media, and facilitate online ordering by providing users with more comprehensive information. The UI/UX design of the Syshoe information system was developed using the Design Thinking method to ensure that the system aligns with user needs and delivers a more effective user experience. The design process resulted in both low-fidelity and high-fidelity prototypes tailored to user requirements, which were subsequently evaluated using the System Usability Scale (SUS). The findings indicate that the UI/UX design of the Syshoe information system achieved an acceptable usability category, with a final SUS score of 79.7 from user evaluations and 80.8 from administrator evaluations. These results demonstrate that the system is feasible, comfortable, and effective for both users and administrators. Therefore, this study is expected to serve as a reference for the development of similar systems, particularly for MSMEs seeking to adopt digital transformation initiatives.

Keywords


design thinking; dirtyshoes; information system; system usability scale; UI/UX

Full Text:

PDF

References


Rasenda, Rizal, W. Hari, and S. Subagja, “Digital UMKM: Strategi Model Bisnis berbasis Teknologi untuk Keberlanjutan,” J. Bisnis Digit., Vol. 1, No. 1, pp. 52–59, 2025.

Y. Fajriah, S. Tinggi, I. Ekonomi, and M. Bongaya, “Strategi Adaptasi UMKM terhadap Perubahan Tren Konsumen di Era Digital,” J. Econ., Vol. 4, pp. 1–8, 2025.

Ardiansyah and W. Mahendra, “Peran Teknologi dalam Transformasi Ekonomi dan Bisnis di Era Digital,” J. Manaj. Ekon. Bisnis, Vol. 1, No. 1, 2023.

N. K. Habibah and D. Kusmayadi, “Analisis Penerapan Pencatatan Keuangan Sederhana pada UMKM: Studi Kasus Warmart,” J. Eko-Bisma, Vol. 4, No. 2, pp. 187–198, 2025.

E. C. Shirvanadi and M. Idris, “Perancangan ulang UI/UX Situs E-Learning Aminkom Center Metode Design Thinking (Studi Kasus: Amikom Center),” 2021. [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/19438/11541

A. D. Pratama et al., “Pengembangan dan Pelatihan Literasi Digital dan Strategi Branding Sosial Media UMKM Sektor Laundry di Kota Depok,” J. Pengabdi. Kpd. Masy., Vol. 2, No. 1, pp. 89–96, 2026.

A. Farida et al., “Pendampingan Digitalisasi Sistem Pengarsipan dan Pengadaan Barang Dagang Pada UMKM Fashion Alya,” J. Abdimas FKIP UTP Surakarta, Vol. 6, No. 2, pp. 558–562, 2025.

D. B. Palgunadi, I. F. Hanif, and M. A. Pangestu, “Perancangan UI/UX Marketplace Digital UMKM menggunakan Metode Value Chain,” J. Inf. Syst. Manag. Digit. Bus., Vol. 3, No. 1, pp. 20–32, 2025.

A. Olivia, P. D. Larasati, M. F. Mulya, S. Anwar, and Y. Efendi, “Penerapan Design Thinking dalam Perancangan UI/UX Website untuk meningkatkan Pengalaman Pengguna,” J. Sist. Komput. dan Kecerdasan Buatan, Vol. VIII, pp. 185–193, 2025.

D. Singgih et al., “Implementasi Design Thinking pada Aplikasi Omnichannel,” J. Mhs. Tek. Inform., Vol. 8, No. 6, pp. 11242–11251, 2024.

T. D. Krismanda and N. Setiyawati, “Perancangan User Interface dan User Experience Fitur Digital Banking Jago Last Wish menggunakan Design Thinking,” J. Pendidik. Teknol. Inf., Vol. 5, No. 2, pp. 126–135, 2022, DOI: 10.37792/jukanti.v5i2.561.

S. P. Gautama, S. Fajarwati, and A. Hamdi, “UI/UX Design on Prototype Attendance using the Design Thinking Method,” J. Multimed. Trend Technol., Vol. 2, No. 1, pp. 10–18, 2023, [Online]. Available: https://journal.educollabs.org/index.php/jmtt/

N. W. Prasetio and D. H. F. Manongga, “Perancangan UI/UX website e-commerce Uppervista menggunakan Metode Design Thinking,” J. Teknol. Inf., Vol. 22, No. 1, pp. 117–132, 2025.

S. Aulia and Y. Syahidin, “Perancangan UI/UX dengan Metode Design Thinking pada Shoekuna Shoe Laundry berbasis Mobile,” J. Sains Komput. Inform., Vol. 7, No. 1, pp. 211–219, 2023.

R. Nurfalah, S. Hadianti, P. P. Sari, M. R. Ramadhan, and W. Astariyah, “Desain UI/UX Aplikasi D ’ Laundry Dengan Metode Design Thinking,” Indones. J. Comput. Inf. Technol., Vol. 9, No. 1, pp. 30–37, 2024.

D. H. Putra, M. Asfi, and R. Fahrudin, “Perancangan UI/UX menggunakan Metode Design Thinking berbasis Web pada Laportea Company,” J. Ilm. Inf. Terap., Vol. 8, No. 1, 2021.

D. Ratnaningsih and A. Rifai, “Perancangan UI/UX Design Aplikasi Penilaian E-Raport dengan Metode Pendekatan Design Thinking,” J. C. Sci. Inf. Technolohy, Vol. 1, No. 2, 2024.

A. A. Kurniawan, H. Hermanto, and ..., “Perancangan Sistem Informasi Aplikasi Laundry Web Royal Laundry menggunakan Metode Design Thingking,” J. Pengemb. Teknol. Inf. dan Komun., Vol. 1, No. 1, pp. 8–14, 2023, [Online]. Available: https://www.ejournal.ummuba.ac.id/index.php/JUPTIK/article/view/1208%0Ahttps://www.ejournal.ummuba.ac.id/index.php/JUPTIK/article/download/1208/690

A. Y. Priyono, G. Aryotejo, and S. Adhy, “Penerapan Metode Design Thinking untuk Perancangan Prototype Lost and Found,” J. Masy. Inform., Vol. 14, No. 2, pp. 96–107, 2023, DOI: 10.14710/jmasif.14.2.52662.

Aprilia;Ucha, “Perancangan UI/UX Aplikasi Manajemen Sumber Daya Manusia berbasis Mobile dengan menggunakan Metode Design Thinking,” 2024.

W. S. L. Nasution and P. Nusa, “UI/UX Design Web-based Learning Application using Design Thinking Method,” ARRUS J. Eng. Technol., Vol. 1, No. 1, pp. 18–27, 2021, DOI: 10.35877/jetech532.

M. H. I. Syafiq and F. Rahma, “Usability Testing pada Fitur Saved Design dalam Website E-Commerce,” J. Univ. Islam Indones., Vol. 2, No. 2, pp. 1–6, 2021, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/19544

M. N. Rafi Taqiyuddin and B. Indryanti, “Perancangan Aplikasi Laundry berbasis Android dengan menggunakan Metode Design Thinking,” J. Inform. dan Tek. Elektro Terap., Vol. 12, No. 2, 2024, DOI: 10.23960/jitet.v12i2.4266.

M. Yaasiin and I. F. Hanif, “Desain UI / UX Aplikasi Edukasi FIDEXA-SD menggunakan Design Thinking dan Figma,” J. Media Teknol. Inf. dan Komput., Vol. 9, pp. 292–301, 2025, DOI: 10.47002/metik.v9i2.1080.

S. Alfarabi and M. Faisal, “Perancangan UI / UX pada Aplikasi berbasis Mobile TravelTrails menggunakan Metode Design Thinking,” J. Rekayasa Perangkat Lunak, Vol. 5, No. 1, pp. 69–76, 2024.

M. Paramita and Y. Pernando, “Optimalisasi Pelayanan Laundry: Perancangan dan Pengembangan Aplikasi Mobile Android Easy Wash,” J. Kaji. Ilm. Inform. dan Komput., Vol. 4, No. 3, pp. 1888–1897, 2023, DOI: 10.30865/klik.v4i3.1384.




DOI: https://doi.org/10.32520/stmsi.v15i5.6412

Article Metrics

Abstract view : 0 times
PDF - 0 times

Refbacks

  • There are currently no refbacks.


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