PENGEMBANGAN UI/UX DAN FRONT END WEBSITE COMPANY PROFILE UNIVERSITAS NURTANIO BANDUNG DENGAN METODE DESIGN THINKING (STUDI KASUS: UNIVERSITAS NURTANIO BANDUNG)

Fashal Kurniawan (Teknik Infrormatika Universitas Nurtanio Bandung)  •  Samsul Budiarto (Teknik Informatika Universitas Nurtanio Bandung)  •  Zen Munawar (Manajemen Informatika Politeknik Lembaga Pendidikan dan Pengembangan Profesi Indonesia)  •  Iswanto (Teknik Informatika Universitas Nurtanio Bandung)

Abstrak

Penulis bertujuan untuk mengembangkan website company profile Universitas Nurtanio Bandung. Dengan mengembangan User Interface/ User Experience dan implementasikan kedalam website company profile UNIVERSITAS NURTANIO BANDUNG kedalam Front-End. Selanjutnya, yang digunakan adalah metode Design Thinking. Design Thinking merupakan pendekatan yang berpusat pada manusia untuk menyelesaikan masalah dan menghadirkan inovasi baru. Terdapat beberapa tahapan dalam metode Design Thinking diantaranya adalah, empathize, define, ideate, prototype, dan test. Pada tahap empathize, penulis menggali permasalahan secara langsung melalui interview dengan pengguna atau partisipan. Pada tahap define penulis melakukan pengumpulan permasalahan yang dirasakan oleh pengguna atau partisipan, ideate, penulis melakukan  pembagian permasalahan yang lebih di priortaskan dalam grafik sumbu x dan y, melakukan pembuatan kerangka dari website, membuat komponen corner radius, spacing, text style, shadow, dan color palate agar tampilan pada website konsisten dalam tulisan, tombol, warna, dan jarak. Pada tahap prototype, penulis mengimplementasikan hasil dari tahap-tahap sebelumnya ke dalam bentuk design. Pada tahap pengujian/test akan diketahui hasil pengembangan dan Penulis telah mengimplementasikan solusi dalam bentuk design. dan apakah hasil dari pengembangan mampu menyelesaikan masalah dan telah memenuhi kebutuhan pengguna. Hasil dari penelitian ini adalah berupa tampilan website dengan design Front-end yang telah dikembangkan dan disesuaikan dengan permasalahan dan kebutuhan yang ditemukan. Design Thinking akan menghadirkan solusi yang memenuhi kebutuhan dan dapat menyelesaikan permasalahan pengguna saat mengunjungi situs company profile Universitas Nurtanio Bandung

Referensi

Nirsal, N., Syafriadi, & Firanti, N. A. (2023). Perancangan UI/UX sistem informasi penilaian seminar dan skripsi pendekatan Human Centered Design. *Jurnal CoSciTech (Computer Science and Information Technology)*, *4*(3), 548–556. https://doi.org/10.37859/coscitech.v4i3.6484

Setiawan, R. (2023). *Perancangan UI/UX dan frontend dengan framework Laravel untuk aplikasi LMS* (Skripsi tidak dipublikasikan). [Universitas].

Aulia, A. N. (2018). *Rancang bangun UI/UX aplikasi manajemen skripsi pada Program Studi Teknik Informatika di Universitas Ahmad Dahlan*. Retrieved from http://journal.uad.ac.id/index.php/JSTIF

Shirvanadi, & Chandra, E. (2021). *Perancangan ulang UI/UX situs e-learning Amikom Center dengan metode Design Thinking (Studi kasus: Amikom Center)*.

Nurjati, & Sribiko, H. (2021). *Membangun desain UI/UX untuk website e-commerce (Studi kasus toko komputer online)*.

Wibisono, G., & Eka, W. (2020). *Perancangan website sebagai media informasi dan promosi batik khas Kabupaten Kulonprogo*.

Pradana, A. R., Idris, M., S. Kom, & M. Kom. (2021). *Implementasi user experience pada perancangan user interface mobile e-learning dengan pendekatan Design Thinking (Studi kasus: Amikom Center)*.

Gibbons. (n.d.). *Design systems 101*. Nielsen Norman Group. https://www.nngroup.com/articles/design-systems-101/

Fessenden, T. (n.d.). *Design systems 101*. Nielsen Norman Group. https://www.nngroup.com/articles/design-systems-101/

Vintha, A. (2021). *Perancangan UI/UX microservice sistem informasi*.

Fikriyya, A., & Dirgahayu, R. T. (2020). *Implementasi prototyping dalam perancangan sistem informasi sekolah Desa Pendar Foundation Yogyakarta*.

Nielsen, J. (n.d.). *Usability 101: Introduction to usability*. Nielsen Norman Group. https://www.nngroup.com/articles/usability-101-introduction-to-usability/

Faiz, M. (n.d.). *Pengembangan aplikasi PSPM berbasis Android*.

Mariko, S. (2019). Aplikasi website berbasis HTML dan JavaScript untuk menyelesaikan fungsi integral pada mata kuliah kalkulus. *Jurnal Inovasi Teknologi Pendidikan*, *6*(1), 80–91. https://doi.org/10.21831/jitp.v6.1.22280

Tabrani, M., & Pudjiarti, E. (2017). *Penerapan metode Waterfall pada sistem informasi inventori PT. Pangan Sehat Sejahtera*.

Prasetiyo, S. M., Nugroho, M. I. P., Putri, R. L., & Fauzi, O. (n.d.). Pembahasan mengenai front-end web developer dalam ruang lingkup web development. *Bullet: Jurnal Multidisiplin Ilmu*. Retrieved from https://journal.mediapublikasi.id/index.php/bullet

Creswell, W. J. (2019). *Research design: Pendekatan kualitatif, kuantitatif, dan mixed* (3rd ed.). Jogjakarta: Pustaka Pelajar. https://pustakapelajar.co.id/buku/research-design-pendekatan-kualitatif-kuantitatif-dan-mixed/

Ar Razi, A., et al. (2018). Penerapan metode Design Thinking pada model perancangan UI/UX aplikasi penanganan laporan kehilangan dan temuan barang tercecer. *Jurnal Desain Komunikasi Visual*, *3*(2). Retrieved from http://bit.do/demandia

Article Metrics

147
Abstract Views
51
Downloads
Published: 2025-08-04

Kata Kunci

User Interface User Experience Front-End Website Design Thinking