REDESIGN UI/UX WEBSITE PT SERENA HARSA UTAMA MENGGUNAKAN METODE DESIGN THINKING

Authors

  • Rolan Firmansyah
  • Fajri Rakhmat Umbara
  • Puspita Nurul Sabrina

DOI:

https://doi.org/10.31000/jika.v9i4.14731

Abstract

Di tengah pesatnya perkembangan teknologi digital, PT. Serena Harsa Utama, sebuah perusahaan produsen makanan olahan beku, menyadari pentingnya kehadiran media daring yang optimal untuk mendukung bisnis. Website perusahaan yang berfungsi sebagai sarana informasi produk, peluang kemitraan, dan media branding masih memiliki kekurangan pada aspek antarmuka pengguna (UI) dan pengalaman pengguna (UX). Berdasarkan evaluasi awal melalui wawancara dengan manajer serta pengujian menggunakan User Experience Questionnaire (UEQ) dan evaluasi heuristik, ditemukan sejumlah permasalahan seperti tampilan visual kurang menarik, tata letak kurang efektif, dan inkonsistensi desain. Untuk mengatasi masalah tersebut, penelitian ini melakukan perancangan ulang (redesign) UI/UX website dengan menerapkan metode Design Thinking dengan 5 tahapan utama: Empathize, Define, Ideate, Prototype, dan Test. Hasil pengujian menggunakan A/B testing menunjukkan bahwa mayoritas besar pengguna lebih memilih desain baru pada semua komponen yang diuji, termasuk homepage dan halaman produk. Sedangkan pengujian ulang untuk UEQ menunjukkan peningkatan skor yang signifikan pada seluruh dimensi. Nilai rata-rata daya tarik (1.587), kejelasan (1.585), stimulasi (1.680) dan kebaruan (1.515) mencapai kategori “Good†dan “Above Average†dalam benchmark global. Ini menunjukkan penerapan metode Design Thinking berhasil menciptakan pengalaman yang lebih nyaman pada website PT. Serena Harsa Utama.


Kata Kunci : UI/UX, Design Thinking, Redesign, UEQ,  A/B Testing

References

Acar Büyükpehlivan, Gülhan. 2024. “THE IMPORTANCE AND USE OF TYPOGRAPHY IN PRINT AND DIGITAL DESIGN.†Motif Akademi Halk Bilimi Dergisi. doi:10.12981/mahder.1526320.

Anisah Salsabila Nasution, Devi Nadya Hasibuan, Windi Mayani Dalimunthe, and Purnama Ramadani Silalahi. 2023. “Peningkatan Kinerja Industri Makanan Dan Minuman Transformasi Digital Di Indonesia.â€

Fahrezi, Rendi Brahma. 2024. “How to Cite: Rendi Brahma Fahrezi (2024). Redesign UI/UX Website of Professional Certification Institute Using Design Thinking Method and Agile Framework REDESIGN UI/UX WEBSITE OF PROFESSIONAL CERTIFICATION INSTITUTE USING DESIGN THINKING METHOD AND AGILE FRAMEWORK.†Journal of Universal Studies 4(12):11841–55. http://eduvest.greenvest.co.id.

Gleichauf, Katharina, Verena Wagner-Hartl, Gerald J. Ackner, and Stefan Pfeffer. 2025. “Understanding Visual Attention to Button Design Utilizing Eye-Tracking: An Experimental Investigation.†Applied System Innovation 8(2). doi:10.3390/asi8020027.

Goldenberg, Dmitri, and Yulia Goldenberg. n.d. Agent Experience: Nielsen’s Usability Heuristics Analysis for GenAI Agents. Vol. 1. https://www.researchgate.net/publication/392368707.

He, Ziwei, Wenyu Wu, Zhijie Xia, and Chengqi Xue. 2022. “Layout of Emotional Elements and Functional Modules in Web Design Based on Aesthetic Indicators.†in Ergonomics In Design. Vol. 47. AHFE International.

Islami, Syifa Nur, and Muhamad Dody Firmansyah. 2023. “EVALUASI UI/UX DARI APLIKASI IKMAS DENGAN MENGGUNAKAN METODE DESIGN THINKING DAN PENGUJIAN PENGGUNA.†Rabit : Jurnal Teknologi Dan Sistem Informasi Univrab 9(1):29–38. doi:10.36341/rabit.v9i1.4116.

Mbete, Goldianus Solangius, and Rinabi Tanamal. 2020. “Effect of Easiness, Service Quality, Price, Trust of Quality of Information, and Brand Image of Consumer Purchase Decision on Shopee Online Purchase.†Jurnal Informatika Universitas Pamulang 5(2):100. doi:10.32493/informatika.v5i2.4946.

Nabilah Nida, Siti, R. Reza El Akbar, and Alam Rahmatulloh. 2024. Approach Integration Design Sprints to Design Thinking in Learning Management System Sakattaku.

Nasution, Winda Suci Lestari, and Patriot Nusa. 2021. “UI/UX Design Web-Based Learning Application Using Design Thinking Method.†ARRUS Journal of Engineering and Technology 1(1):18–27. doi:10.35877/jetech532.

Ramotion Agency. 2025. “Color in UX Design: Theory, Impact & Applying | Ramotion Agency.†https://www.ramotion.com/blog/color-in-ux-design/.

Rangga, Iqbal, Mufid Fathurrochman, Resa Uttungga, and Institut Teknologi Adhi Tama Surabaya. n.d. “SNESTIK Seminar Nasional Teknik Elektro, Sistem Informasi, Dan Teknik Informatika Evaluasi Dan Perancangan UI/UX Website Niagahoster Menggunakan Metode Design Thinking.†doi:10.31284/p.snestik.2024.5809.

Rayhaan Yusri, Ahmad, Isa Faqihuddin Hanif, Muhammad Daffa Al-farel, Naufalrio Zaandami, and Muhammad Yasin. 2024. “Perancangan Desain UI/UX Berbasis Scan Barcode Dengan Metode Design Thinking Untuk Pemesanan Makanan.†Bulletin of Information Technology (BIT) 5(2):102–13. doi:10.47065/bit.v5i2.1340.

Schrepp, M. (2023). 2023. User Experience Questionnaire Handbook. www.ueq-online.org.

Setiyani, Lila, and Evelyn Tjandra. n.d. UI / UX Design Model for Student Complaint Handling Application Using Design Thinking Method (Case Study: STMIK Rosma Karawang). http://ijstm.inarah.co.id.

Yahya, Ahmad, and Atmoko Nugroho. 2024. “Perancangan Ulang UI/UX Dengan Figma Pada Website OKE OCE Indonesia Menggunakan Metode Design Thinking.†Journal of Information System Research (JOSH) 6(1):261–71. doi:10.47065/josh.v6i1.5987.

Downloads

Published

2025-10-31