Redesign UI/UX Website HSB Investasi Menggunakan Metode Design Thinking

Cut Ratna Komala; Hafid Setyo Hadi; Sari Setyaning Tyas

doi:10.53697/jkomitek.v5i1.2683

Authors

Cut Ratna Komala Politeknik Negeri Media Kreatif Jakarta
Hafid Setyo Hadi Politeknik Negeri Media Kreatif
Sari Setyaning Tyas Politeknik Negeri Media Kreatif

DOI:

https://doi.org/10.53697/jkomitek.v5i1.2683

Keywords:

Redesign, UI/UX, SUS, Design Thinking, Financial Technology

Abstract

The advancement of technology in the fields of finance and investment has encouraged companies such as HSB Investasi to offer digital services supported by advanced technological systems. This study aims to UI/UX of the HSB Investasi website through a redesign process. The development focused on aligning information and features between the website and mobile application, refining navigation structure, and enhancing information presentation to ensure better user comprehension. The applied method follows the Design Thinking approach, which includes stages such as problem identification, solution design, and interactive prototyping. Alignment between platforms was conducted to prevent user disorientation when accessing both services. A quantitative approach was employed using the SUS instrument, involving 30 respondents selected based on predetermined user segments. Initial evaluation of the previous website version yielded an average usability score of 63, which fell below the acceptable threshold. Following the redesign, the score significantly improved to 89, categorizing it as “excellent.” These findings indicate that improvements in design and cross-platform consistency contribute significantly to the optimization of user interaction comfort and clarity. The addition of onboarding features and a more intuitive navigation structure also helped new users better understand available functions. In conclusion, the implementation of the Design Thinking method proved effective in significantly enhancing the overall UI/UX quality of the HSB Investasi website.

References

Abbas, H., Munir, S., Tahir, M., Noor, M., Honey, Q., Hamza, M. A., & Iqbal, M. W. (2024). Enhancing user experience: Cross-platform usability in digital banking apps. 07(02).

Agyztia Premana, Gian Fitralisma, Andi Yulianto, M. Badruz Zaman, & M. A. Wiryo. (2020). Pemanfaatan teknologi informasi pada pertumbuhan ekonomi dalam era disrupsi 4.0. Journal of Economic and Management (JECMA), 2(2), 1–6. https://doi.org/10.46772/jecma.v1i01.219

Al Mu’taz, B. A., Prasetya, B. P. P. P., & Nirwana, A. (2022). Redesain website marketplace Yuliu.com untuk meningkatkan user experience pengguna menggunakan metode Lean UX. SAINSBERTEK: Jurnal Ilmiah Sains & Teknologi, 3(1).

Alam, R. G., & Kurniasih, P. R. (2024). Penggunaan metode System Usability Scale (SUS) pada aplikasi Simamurat. JSAI (Journal Scientific and Applied Informatics), 7(2), 189–197. https://doi.org/10.36085/jsai.v7i2.6209

Amalatus, R. B., Alifha, R. N., Ningsih, I. S., Hartono, A., & Ikbal, M. (2021). Analisis studi kelayakan laboratorium Ilmu Pengetahuan Alam di SMPN 2 Tempurejo. VEKTOR: Jurnal Pendidikan IPA, 2(1), 49–55. https://doi.org/10.35719/vektor.v2i1.25

Chen, J., Wang, X., Xu, R., Yuan, S., Zhang, Y., Shi, W., Xie, J., Li, S., Yang, R., Zhu, T., Chen, A., Li, N., Chen, L., Hu, C., Wu, S., Ren, S., Fu, Z., & Xiao, Y. (2024). From persona to personalization: A survey on role-playing language agents. http://arxiv.org/abs/2404.18231

Husniyah, N., Guntara, R. G., & Jaelani, R. (2024). Redesign user interface (UI) and user experience (UX) of Ikan Giling Segar website with design thinking method to increase user interest. Jurnal Teknologi Informasi dan Pendidikan, 17(2), 329–343. https://doi.org/10.24036/jtip.v17i2.843

Iswanto, T. N., Guntara, R. G., & Purwaamijaya, B. M. (2025). Evaluasi dan perancangan ulang user interface dan UX. 3(1), 49–62.

Jim Lewis & Jeff Sauro. (2022). Sample sizes for comparing SUS scores. Measuring U. https://measuringu.com/sample-sizes-for-sus-comparisons/

Kedzielska, K. (2023). Enhancing customer onboarding in complex web applications: A user research and product design approach. https://oa.upm.es/75987/1/TFM_KATARZYNA_KEDZIELSKA.pdf

Kurniawan, E., Nofriadi, N., & Nata, A. (2022). Penerapan System Usability Scale (SUS) dalam pengukuran kebergunaan website program studi di STMIK Royal. Journal of Science and Social Research, 5(1), 43. https://doi.org/10.54314/jssr.v5i1.817

Nurmalasari, E., Nugroho, I. M., & Totohendarto, M. H. (2023). Perancangan user interface dan user experience untuk platform kursus online menggunakan metode design thinking dan Lean UX. KAKIFIKOM (Kumpulan Artikel Karya Ilmiah Fakultas Ilmu Komputer), 5(1), 25–33. http://ejournal.ust.ac.id/index.php/KAKIFIKOM/article/view/2829

Pradana, A. R., & Idris, M. (2021). Implementasi user experience pada perancangan user interface mobile e-learning dengan pendekatan design thinking (studi kasus: Amikom Center). Prosiding Automata, 2(2), 1–8.

Pratama, W. S. A., & Indriyanti, A. D. (2023). Perancangan design UI/UX e-commerce TRINITY berbasis website dengan pendekatan design thinking. Journal of Emerging Information Systems and Business Intelligence, 4(1), 50–61.

Pratiwi, P. Y., & Suchahyani, N. P. E. (2024). Implementation of design thinking method and usability testing in the design of a scholarship information system. Jurnal Pendidikan Teknologi dan Kejuruan, 21(2), 133–144. https://doi.org/10.23887/jptkundiksha.v21i2.81688

Putri, B., & Oktaviani, N. (2023). Re-design user interface website PT. Gozco menggunakan design thinking. Jurnal Fasilkom, 13(2), 214–224. https://doi.org/10.37859/jf.v13i02.5528

Rojas-Martínez, K. M., Brons, P., & Dumitriu, A. (2023). Early assessment of perceived customer value: A case study comparing a low- and high-fidelity prototype in dentistry. CERN IdeaSquare Journal of Experimental Innovation, 7(1), 28–35. https://doi.org/10.23726/cij.2023.1409

Rösch, N., Tiberius, V., & Kraus, S. (2023). Design thinking for innovation: Context factors, process, and outcomes. European Journal of Innovation Management, 26(7), 160–176. https://doi.org/10.1108/EJIM-03-2022-0164

Salendra, D., & Rustiyana. (2024). Perancangan user interface finansial dan investasi Money Mentor Pro berbasis web dengan metode design thinking. Jurnal Informatika-COMPUTING, 11, 22–27.

Sciences, A., & Hashemite, T. (2022). International Journal of Business Analytics and Security (IJBAS), 2(1), 18–38.

Sembodo, F. G., Fitriana, G. F., & Prasetyo, N. A. (2021). Evaluasi usability website Shopee menggunakan System Usability Scale (SUS). Journal of Applied Informatics and Computing, 5(2), 146–150. https://doi.org/10.30871/jaic.v5i2.3293

Shehab, S., Lawrence, L., & Tissenbaum, M. (2024). Understanding non-designers’ practices and processes in a human-centered design course. International Journal of Innovation in Education, 9(1). https://doi.org/10.1504/ijiie.2024.10063914

Shofiyulloh, B. I. P. (2024). Penerapan metode design thinking dalam perancangan UI/UX aplikasi mobile panduan pendaki. Jurnal Teknik Elektro dan Komputer TRIAC, 11(1), 37–43. https://doi.org/10.21107/triac.v11i1.24333

Welda, W., Putra, D. M. D. U., & Dirgayusari, A. M. (2020). Usability testing website dengan menggunakan metode System Usability Scale (SUS). International Journal of Natural Science and Engineering, 4(3), 152–161. https://doi.org/10.23887/ijnse.v4i2.28864