Designing the UI/UX of the 'Skintopia' Skincare Application Using a User-Centered Design Approach
Abstract
In recent years, public interest in skincare has significantly increased, especially among younger generations. Although various skincare applications offering skin analysis features are already available, most of them still have limitations. These include product recommendations that are focused only on specific brands, the lack of validation by dermatologists, and the absence of a fully integrated skincare solution within a single platform. This study aims to develop a mobile skincare application called Skintopia, with a focus on user needs through the application of the User-Centered Design (UCD) method. The System Usability Scale (SUS) evaluation results showed scores of 92 from skincare users and 89 from dermatologists. Both scores fall under the “Excellent” category, receiving a grade of A and classified within the “acceptable” level of acceptability. These findings indicate that the UI/UX design of the Skintopia application successfully meets user needs and provides an intuitive and user-friendly experience.
Downloads
References
ZAP, (2024) “ZAP Beauty Index 2024” https://zapclinic.com/files/ZAP_Beauty_Index_2024.pdf.
Kementrian Koordinator Bidang Perekonomian RI, (2024) “Hasilkan Produk Berdaya Saing Global, Industri Kosmetik Nasional Mampu Tembus Pasar Ekspor dan Turut Mendukung Penguatan Blue Economy” https://www.ekon.go.id/publikasi/detail/5626/hasilkan-produk-berdaya-saing-global-industri-kosmetik-nasional-mampu-tembus-pasar-ekspor-dan-turut-mendukung-penguatan-blue-economy.
DetikHealth. (2024). Gaduh Temuan Skincare Overclaim, BPOM RI Angkat Bicara. https://health.detik.com/wellness-beauty/d-7604087/gaduh-temuan-skincare-overclaim-bpom-ri-angkat-bicara
DetikHealth. (2025). BPOM Rilis Temuan Baru 69 Kosmetik Bisa Picu Kanker, Masalah Liver, Ini Daftarnya. https://health.detik.com/berita-detikhealth/d-7715448/bpom-rilis-temuan-baru-69-kosmetik-bisa-picu-kanker-masalah-liver-ini-daftarnya
Putra, D. M., & Sutabri, T. (2024). Analisis Kebutuhan Pengguna dan Desain Antarmuka Pengguna pada Sistem Informasi Perpustakaan Berbasis Web. Jurnal Scientica, 2(5), 98-102. https://jurnal.kolibi.org/index.php/scientica/article/view/681.
Dinata, P. Z., Urwah, M. A., Rahmawan, M. R., & Junaeti, E. (2023). Perancangan UI/UX Web e-Commerce ‘Hallo Coffee’ Menggunakan Metode User Centered Design. Vol. 5. https://doi.org/10.37905/jji.v5i1.17511.
Hamdanuddinsyah, M. H., Hanafi, M., & Sukmasetya, P. (2023). Perancangan UI/UX Aplikasi Buku Online Mizanstore Berbasis Mobile Menggunakan User Centered Design. Journal of Information System Research (JOSH), 4(4), 1464-1475. https://doi.org/10.47065/josh.v4i4.3850.
Sabrina, V. C., Wibowo, N. C., & Wati, S. F. A. (2024). Perancangan Ulang UI/UX Website Learning Management System Startup XYZ dengan Metode User-Centered Design. KLIK: Kajian Ilmiah Informatika dan Komputer, http://www.djournals.com/klik/article/view/1886/1043
Felicia, T. A., Fauzi, R., & Al Anshary, F. M. (2023). Perancangan UI/UX Aplikasi Crowdfunding Syariah untuk UMKM Menggunakan Metode User-Centered Design. KLIK: Kajian Ilmiah Informatika dan Komputer, http://www.djournals.com/klik/article/view/1084/638
Mahfudh, A. A., & Saputra, W. R. (2022). Perancangan User Interface User Experience Aplikasi E-Ngaji Berbasis Android Menggunakan Metode User-Centered Design (UCD) pada TPQ. Jurnal Ilmiah Intech: Information Technology Journal of UMUS, https://jurnal.umus.ac.id/index.php/intech/article/view/885
Halodoc, (2024), Skincare https://www.halodoc.com/kesehatan/skincare
Alodokter, (2024), Kenali Jenis Kulit Wajah dan Cara Merawatnya di Sini. https://www.alodokter.com/kenali-jenis-kulit-wajah-dan-cara-merawatnya-di-sini
Halodoc. (2023). Urutan Pemakaian Skincare Pagi dan Malam yang Wajib Diketahui. https://www.halodoc.com/artikel/urutan-pemakaian-skincare-pagi-dan-malam-yang-wajib-diketahui
Rachman, A., Saputra, Y. A. D., Hafidz, M., Imaman Sugiman, Z. A., & Sahria, Y. (2024). Perancangan UI/UX Aplikasi Integrasi Teknologi Finansial "FIHUB" Menggunakan Metode User-Centered Design. JITET (Jurnal Informatika dan Teknik Elektro Terapan), https://journal.eng.unila.ac.id/index.php/jitet/article/view/3884
Schlatter, T., & Levinson, D. (2013). Visual usability: Principles and practices for designing digital applications. Newnes.
Tidwell, J. (2010). Designing Interfaces (2nd ed.). O’Reilly Media
Garrett, J. J. (2003). The elements of user experience: user-centered design for the Web. 2nd Edition. In Interactions - Studies in Communication and Culture
International Organization for Standardization. (2010). ISO 9241-210:2010 - Ergonomics of human-system interaction – Part 210: Human-centred design for interactive systems. Geneva.
Al Fitri, M. F., Afandi, M. I., & Fitri, A. S. (2024). Perancangan Desain UI/UX Aplikasi Findchise Menggunakan Metode User Centered Design (UCD). Jurnal Kridatama Sains dan Teknologi, 6(02). https://doi.org/10.53863/kst.v6i02.1395
Adiwinata, K., Nugraha, B., & Ridwan, T. (2024). Penerapan Metode User Centered Design dalam Perancangan Desain UI/UX Website SMAN 5 Karawang. JITET (Jurnal Informatika dan Teknik Elektro Terapan), https://journal.eng.unila.ac.id/index.php/jitet/article/view/4591
Brooke, J. (2013). SUS:A Retrospective, Journal of Usability Studies, 8(2), 29-40.
Nielsen, J. (1994). How to Conduct a Heuristic Evaluation. https://www.nngroup.com/articles/how-toconduct-a-heuristic-evaluation/
Nielsen, J. (2020). 10 Usability Heuristics for User Interface Design. https://www.nngroup.com/articles/tenusability-heuristics/.
J. Jasri and N. W. Al-hafiz, “Designing a mobile-based infaq application markazul quran wassunnah foundation (MQS)Kuantan Singingi”, J. Teknik Informatika CIT Medicom, vol. 15, no. 5, pp. 247–254, Nov. 2023.
H. Harianja, N. W. Al-Hafiz, and J. Jasri, “Data Analysis of Informatics Engineering Students of Islamic University of Kuantan Singingi”, JTOS, vol. 6, no. 1, pp. 23 - 30, Jan. 2023.
Copyright (c) 2025 Marylda Salma Wajendra Dewi, Seftin Fitri Ana Wati, Iqbal Ramadhani Mukhlis
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
This is an open-access article distributed under the terms of the Creative Commons Attribution-ShareAlike 4.0 International License which permits unrestricted use, distribution, and reproduction in any medium. Users are allowed to read, download, copy, distribute, search, or link to full-text articles in this journal without asking by giving appropriate credit, provide a link to the license, and indicate if changes were made. All of the remix, transform, or build upon the material must distribute the contributions under the same license as the original.
