Redesain User Interface (UI) Dan User Experience (UX) Website Sanggar Rifky Albani
DOI:
https://doi.org/10.62383/misterius.v3i2.1114Keywords:
Betawi, Redesign, User Experience, User Interface, WebsiteAbstract
The rapid development of digital application interfaces—including websites, desktop apps, and mobile apps—has made User Interface (UI) and User Experience (UX) critical aspects of digital product development. A well-designed UI serves as an effective communication bridge with users, while UX ensures that the interface’s flow and design make it easy for users to access information. Sanggar Rifky Albani, which focuses on preserving Betawi culture, has a website that currently functions only as an advertising medium and is suboptimal in terms of UI/UX. The website’s layout and organization of information are poorly structured, making it difficult for users to find the information they need. Therefore, a UI/UX redesign of the Sanggar Rifky Albani website was undertaken to improve its visual appeal, functionality, and the comprehensiveness of the information provided. This study applied the Design Thinking method, which consists of the stages of empathize, define, ideate, prototype, and test, and included user testing to evaluate the redesign results. The redesign aims to make the website a bridge between the art studio and its visitors by presenting more relevant information, such as the studio’s history, cultural products, an activity gallery, and educational content about Betawi culture.
References
Arisa, N. N., Fahri, M., Putera, M. I. A., & Putra, M. G. L. (2023). Perancangan Prototipe UI/UX Website CROWDE Menggunakan Metode Design Thinking. Teknika, 12(1), 18–26. https://doi.org/10.34148/teknika.v12i1.549
Averushyd Juliansyah, I., & Paputungan, I. V. (2022). Perancangan User Experience Pada Website Penjualan Kerajinan Tangan Dengan Metodologi Design Thinking. Automata, 3(1), 4996–5004. https://journal.uii.ac.id/AUTOMATA/article/view/21895
Buana Ayu, T., & Wijaya, N. (2023). 2 ND MPD Student Conference (MSC) 2023 Penerapan Metode Design Thinking Pada Perancangan Prototype Aplikasi Payoprint Berbasis Android. 68–75. https://www.payoprint.id/.
Dina Marwah Alfirahmi1, Dea Syah Kania, & Dadang Yusup. (2023). Rancang Bangun Aplikasi Pengelolaan Sampah Plastik Menggunakan Pendekatan Design Thinking. Journal Of Social Science Research, 3(3), 219–233.
Firmansyah, M. T., Fauzi, R., & Gumilang, S. F. S. (2020). PERANCANGAN USER INTERFACE DAN USER EXPERIENCE MOBILE APPLICATION SIBENGKEL UNTUK MEMENUHI KEBUTUHAN PENGGUNA DENGAN METODE USER CENTERED DESIGN (UCD). 7(2), 7574–7580.
Muhyidin, M. A., Sulhan, M. A., & Sevtiana, A. (2020). Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma. Jurnal Digit, 10(2), 208. https://doi.org/10.51920/jd.v10i2.171
Multazam, M., Paputungan, I. V, & Susanto, B. (2020). Perancangan User Interface dan User Experience pada Placeplus menggunakan Pendekatan User Centered Design. Universitas Islam Indonesia, 1, 1–8. https://journal.uii.ac.id/AUTOMATA/article/view/15528/10233
Nurwahyu Azizah. AR, Ramsiah Tasruddin, & Nirwan Wahyudi AR. (2025). Teknologi Komunikasi: Komunikasi Massa dan Globalisasi. Al-Mutsla, 7(1), 100–117. https://doi.org/10.46870/jstain.v7i1.1388
Sidik, A. (2019). Teori, Strategi, dan Evaluasi: Merancang Website dalam Perspektif Desain (P. Antoni, Ed.). Universitas Islam Kalimantan.
Tri, N., Putra, A., Gede, I., Sudipa, I., Made, N., Sukerthi, S. D., & Yuniawati, N. P. (2023). Analisis User Experience Pada Layanan Telekomunikasi Operator Seluler Menggunakan Metode System Usability Scale (SUS). Digital Transformation Technology (Digitech), 3(1), 49–57. https://doi.org/10.47709/digitech.v3i1.2391
Widiyono. (2021). “Mind Mapping” Strategi Belajar yang Menyenangkan (M. Erni, Ed.). Lima Aksara.
Nur Hafizha, & Faisal, D. (2024). Website Wrapped by Gea jual beli thrift dan preloved. Misterius: Publikasi Ilmu Seni dan Desain Komunikasi Visual, 1(1). https://doi.org/10.62383/misterius.v1i1.43
Takariyanto, et al. (2024). Perancangan ulang user interface dan user experience website Klinik Pratama Dr. Jo menggunakan metode user centered design. IT-Explore: Jurnal Penerapan Teknologi Informasi dan Komunikasi, 3(2), 92–109. https://doi.org/10.24246/itexplore.v3i2.2024.pp92-109
Wang, C., & Zhang, Y. (2026). The impact of electronic word-of-mouth (eWOM) on consumer purchase intention: The mediating role of trust. International Journal of Economics, Management and Accounting, 3(1). https://doi.org/10.61132/ijema.v3i1.1188
Limbong, D. S., et al. (2026). Evaluasi usability sistem e-voting menggunakan System Usability Scale pasca perancangan ulang antarmuka. Saturnus: Jurnal Teknologi dan Sistem Informasi, 4(2). https://doi.org/10.61132/saturnus.v4i2.1597
Ghifari, M. E. R., et al. (2026). Penerapan pola dan tren penggunaan instrumen evaluasi usability (SUS, UEQ, HE) pada sistem digital. Merkurius: Jurnal Riset Sistem Informasi dan Teknik Informatika, 4(3). https://doi.org/10.61132/merkurius.v4i3.1317
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Misterius: Publikasi Ilmu Seni dan Desain Komunikasi Visual
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
