Perancangan Ui/Ux Website Safe Tangkinspec Dengan Design Thinking: Case Study Pertamina Integrated Terminal Kendari

Authors

  • Fadhillah Chairunnisa Universitas Muhammadiyah Prof Dr. Hamka, Indonesia
  • Isa Faqihuddin Hanif

DOI:

https://doi.org/10.29240/arcitech.v5i1.13935

Keywords:

UI/UX, Design Thinking, Website, System Usability Scale

Abstract

This study aims to design a web-based User Interface (UI) and User Experience (UX) for the Safe Tangkinspec system as a digital solution for the inspection process of tanker vehicles at PT Pertamina Integrated Terminal Kendari. The previous inspection process, which relied on manual procedures using physical documents (hardcopy), was prone to human error, document loss, high operational costs, and delays in record-keeping. The Design Thinking methodology was applied through five stages: empathize, define, ideate, prototype, and test. This approach allowed for the identification of user needs and the development of a web-based solution with key features including digital forms, history tracking, schedule notifications, and a real-time dashboard. Usability testing using the System Usability Scale (SUS) yielded a score of 88%, categorized as “Excellent,” demonstrating that the interface is intuitive and effective for operational staff, and supports sustainable digital transformation in the energy sector. This research provides a practical contribution to the development of user-centered digital interfaces within the context of industrial infrastructure.

Downloads

Download data is not yet available.

References

Achyani, Y. E., & Andini, A. R. (2024). Perancangan UI/UX Aplikasi Booking Self Photo Studio Menggunakan Metode Design Thinking. Jurnal Teknik Komputer, 10(1), 86–94. https://doi.org/10.31294/jtk.v10i1.17006

Ahmad Martani, Saripuddin M, & Nurul Ikhsan. (2022). Rancang Bangun Website Company Profile Berbasis Framework Boostrap dan Framework Codeigniter Pada Yayasan Khalifah Cendekia Mandiri. Jurnal Multidisiplin Madani, 2(6), 2895–2912. https://doi.org/10.55927/mudima.v2i6.510

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

Brown, T. (2009). Change by Design: How Design Thinking Creates New Alternatives for Business and Society. HarperBusiness

Dhani, R. R., & Zulfikar, D. H. (2023). Perancangan UI/UX Aplikasi Inventory Gudang Berbasis Web di PT. Pertamina Patra Niaga Sumbagsel. Prosiding Seminar Nasional Amikom Surakarta , 1(November), 447–459.

Dika, S. P. P., & Chotijah, U. (2022). Perancangan desain ui/ux aplikasi digital checksheet pada PT.Petrokimia Gresik menggunakan metode design thinking. Jurnal Pendidikan Informatika Dan Sains, 11(2), 119–134. https://doi.org/10.31571/saintek.v11i2.4627

Firdani, E. F., Hanif, I. F., Febriansyah, M., & Widsono, Y. (2024). Implementation of Website-Based UI UX Using the Design Thinking Method: Case Study at PT Jesinra Makmur Group. Journal of Advances in Information and Industrial Technology), 6(1), 73–82. https://doi.org/10.52435/jaiit.v6i1.586

Haryuda, D., Asfi, M., & Fahrudin, R. (2021). Perancangan UI/UX Menggunakan Metode Design Thinking Berbasis Web Pada Laportea Company. Jurnal Ilmiah Teknologi Infomasi Terapan, 8(1), 111–117. https://doi.org/10.33197/jitter.vol8.iss1.2021.730

Kesuma, D. P. (2021). Penggunaan Metode System Usability Scale Untuk Mengukur Aspek Usability Pada Media Pembelajaran Daring di Universitas XYZ. JATISI (Jurnal Teknik Informatika Dan Sistem Informasi), 8(3), 1615–1626. https://doi.org/10.35957/jatisi.v8i3.1356

Kridalukmana, R., & Pertiwi Windasari, I. (2023). Menggunakan Metode Human-Centered Design (HCD). Jurnal Teknik Komputer, 2(1), 53–66. https://doi.org/10.14710/jtk.v2i1.38090

Kurnianto, F., Informatika, J., Industri, F. T., Gustri, E., & Jurusan Informatika, W. (2021). Penerapan Metode Design Thinking Dalam Perancangan UI/UX Pada Aplikasi Basis Data Sekar Kawung Untuk Pegawai Lapangan Perusahaan Sosial Sekar Kawung. Automata, 3(2), 1–69. https://dspace.uii.ac.id/handle/123456789/42600

Rani Puspita, & Rina Astriani. (2023). Perancangan Design Ui/Ux Pada Website Toko Mister Shop Id Menggunakan Metode Design Thinking. Jurnal Teknik Dan Science, 2(3), 35–46. https://doi.org/10.56127/jts.v2i3.1047

Rayhaan Yusri, A., Faqihuddin Hanif, I., Daffa Al-farel, M., Zaandami, N., & Yasin, M. (2024). Perancangan Desain UI/UX Berbasis Scan Barcode Dengan Metode Design Thinking Untuk Pemesanan Makanan. Bulletin of Information Technology (BIT), 5(2), 102–113. https://doi.org/10.47065/bit.v5i2.1340

Razi, A. A., Mutiaz, I. R., & Setiawan, P. (2018). Penerapan Metode Design Thinking Pada Model Perancangan Ui/Ux Aplikasi Penanganan Laporan Kehilangan Dan Temuan Barang Tercecer. Desain Komunikasi Visual, Manajemen Desain Dan Periklanan (Demandia), 3(02), 219. https://doi.org/10.25124/demandia.v3i02.1549

Rosiana, P. S., Voutama, A., & Ridha, A. A. (2023). Perancangan Ui/Ux Sistem Informasi Pembelian Hasil Tani Berbasis Mobile Dengan Metode Design Thinking. Jurnal Informatika Dan Teknik Elektro Terapan, 11(3), 246–253. https://doi.org/10.23960/jitet.v11i3.3048

Senduk, H. Y., & Sitokdana, M. N. N. (2022). Perancangan Sistem Informasi Pencatatan Gudang Berbasis Website (Studi Kasus Slingbag Salatiga). JATISI (Jurnal Teknik Informatika Dan Sistem Informasi), 9(1), 373–383. https://doi.org/10.35957/jatisi.v9i1.1503

Tazkiyah, S., & Arifin, A. (2022). Perancangan UI/UX pada Website Laboratorium Energy menggunakan Aplikasi Figma. Jurnal Teknologi Terpadu, 8(2), 72–78. https://doi.org/10.54914/jtt.v8i2.513

Widiatmoko, D. T., & Utami, B. S. (2022). Perancangan UI/UX Purwarupa Aplikasi Penentu Kualitas Benih Bunga Berbasis Mobile Menggunakan Metode Design Thinking (Studi Kasus PT Selektani). Aiti, 19(1), 120–136. https://doi.org/10.24246/aiti.v19i1.120-136

Wijayanti, M. D., Az-Zahra, H. M., & Wardhono, W. S. (2022). Perancangan Tampilan Antarmuka Pengguna Aplikasi Web Praktik Kerja Industri (Prakerin) menggunakan Metode Design Thinking. (Studi Kasus: SMKN 2 Singosari). Jurnal Pengembangan Teknologi Informasi Dan Ilmu Komputer, 6(3), 1007–1017. https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/10678

Downloads

Published

30-06-2025

How to Cite

Chairunnisa, F., & Faqihuddin Hanif, I. (2025). Perancangan Ui/Ux Website Safe Tangkinspec Dengan Design Thinking: Case Study Pertamina Integrated Terminal Kendari. Arcitech: Journal of Computer Science and Artificial Intelligence, 5(1), 70–89. https://doi.org/10.29240/arcitech.v5i1.13935

Issue

Vol. 5 No. 1 (2025): June 2025

Section

Articles

Citation Check

License

Copyright (c) 2025 Fadhillah Chairunnisa, Isa Faqihuddin Hanif

Creative Commons License

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

Authors who publish with Arcitech: Journal of Computer science and Artificial Intelligence agree to the following terms:

  • Authors retain copyright and grant the journal right of first publication with the work simultaneously licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License (CC BY-NC-SA 4.0) that allows others to share the work with an acknowledgment of the work's authorship and initial publication in this journal.
  • Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
  • Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access).