Pendampingan Implementasi Desain UI/UX pada Pengembangan Frontend Website CV Rega Berkah Mandiri

Ari Perdian; Indra Yustiana

doi:10.58266/jpmb.v4i3.1108

Authors

Ari Perdian Universitas Nusa Putra, Indonesia
Indra Yustiana Universitas Nusa Putra, Indonesia

DOI:

https://doi.org/10.58266/jpmb.v4i3.1108

Keywords:

UI/UX, Frontend Website, React JS, Routing, Website Responsif

Abstract

Kegiatan pengabdian kepada masyarakat ini bertujuan untuk mendampingi CV Rega Berkah Mandiri dalam mengimplementasikan desain User Interface/User Experience (UI/UX) pada pengembangan frontend website perusahaan. Permasalahan yang dihadapi mitra adalah tampilan website yang belum terstruktur, navigasi yang kurang intuitif, serta belum optimalnya pengalaman pengguna. Metode pelaksanaan kegiatan meliputi analisis kebutuhan mitra, pendampingan perancangan struktur frontend berbasis komponen, implementasi desain UI/UX menggunakan React JS, pengelolaan routing dengan React Router DOM, serta pengujian responsivitas tampilan menggunakan SCSS. Kegiatan pendampingan dilakukan secara bertahap mulai dari halaman publik hingga dashboard admin. Hasil kegiatan menunjukkan bahwa pendampingan implementasi desain UI/UX mampu meningkatkan konsistensi tampilan, kejelasan navigasi, serta kemudahan pengelolaan konten oleh mitra. Kesimpulan dari kegiatan ini adalah bahwa pendampingan penerapan UI/UX pada pengembangan frontend website berkontribusi positif dalam meningkatkan kualitas website perusahaan serta mendukung penyampaian informasi yang lebih efektif kepada pengguna.

References

Fiki Sahfitri, Aulia Iefan Datya, I.B Neo Kurnia Amadea, & Putu Andhika Kurniawijaya. (2024). Perancangan Ui/Ux Website Promosi Energi Terbarukan Panel Surya Dengan Metode Agile Development (Studi Kasus Cv. Pama Solar). Jurnal Teknologi Informasi Dan Komputer, 10(4), 241–253. https://doi.org/10.36002/jutik.v10i4.3503

Firdani, E. F., Hanif, I. F., Muhammad Febriansyah, & Widsono, M. 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

Mardianto, Dito Alfarizi, Ahmad Calam, & Fauzi Sagala. (2025). Responsive Website Design In E-Commerce UD. Excellent Using React JS. Jurnal Sistem Informasi Triguna Dharma (JURSI TGD), 4(2), 389–395. https://doi.org/10.53513/jursi.v4i2.10853

Nurpalah, A., Pasha, M. S., Rhamdhan, D. D., Maulana, H., & Rafdhi, A. A. (2021). Effect of UI/UX Designer on Front End. International Journal of Research and Applied Technology, 1(2), 335–341. https://doi.org/10.34010/injuratech.v1i2.6759

Prawastiyo, C. A., & Hermawan, I. (2020). Development of Front-End Website of Politeknik Negeri Jakarta Library using User Centered Design Method. Journal of Integrated Technology, 6(2), 89–95.

Risyda, F., Gardenia, Y., Awaludin, M., & Rehatananit, Y. L. R. (2024). Universitas Dirgantara Marsekal Suryadarma Perancangan Desain UI/UX Website Sekolah Menggunakan Metode User Centered Design. Jurnal Sistem Informasi, 9675, 165–174.

Saraswati, N. L. P. G. G., Sudana, A. A. K. O., & Wirdiani, N. K. A. (2021). Perancangan User Interface dan User Experience Berbasis Web Pada SIMRS Modul Sarana Dan Prasarana. JITTER : Jurnal Ilmiah Teknologi Dan Komputer, 1(2), 164–174. https://ojs.unud.ac.id/index.php/jitter/article/view/69465

Sukriandi, S., & Cahyono, N. (2023). Analisis UI/UX dan Front End Aplikasi Desain Rumah Menggunakan Human Centered Design. Jurnal Ilmiah Media Sisfo, 17(1), 135–142. https://doi.org/10.33998/mediasisfo.2023.17.1.779

Takariyanto, A. D., & Saian, pratyaksa O. N. (2024). Perancangan Ulang Ui/Ux Website Klinik Pratama Menggunakan Metode User Centered Design DESIGN. Jurnal Penerapan Teknologi Informasi Dan Komunikasi, 3(2), 93–107.

Putri, A. N., & Hidayat, T. (2021). Front-end web development using React JS for responsive user interfaces. International Journal of Advanced Computer Science and Applications, 12(6), 312–318. https://doi.org/10.14569/IJACSA.2021.0120639

Alves, C., de Souza, R., & Ferreira, S. (2021). Evaluating the effect of user interface design on user performance and satisfaction. *International Journal of Human–Computer Studies*, 150, 102649. https://doi.org/10.1016/j.ijhcs.2021.102649

Bidgoli, H. S., Moghaddam, M. H., & Tamaddonfar, P. (2020). Investigating impact of UI/UX design on users’ satisfaction: A case of e-commerce websites. *International Journal of Information Management*, 52, 102072. https://doi.org/10.1016/j.ijinfomgt.2020.102072

Hamidi, H., & Tavakoli, S. (2022). Modern front-end frameworks comparison: React, Angular, and Vue in usability and performance. *Journal of Software: Evolution and Process*, 34(3), e2321. https://doi.org/10.1002/smr.2321

Oduro, T., & Boateng, R. (2023). User flow modelling and its influence on user task success rates: An empirical study. *International Journal of Human–Computer Interaction*, 39(1), 50–67. https://doi.org/10.1080/10447318.2022.2143416

Simoes, J., & Redfern, J. (2021). Impact of web design quality on user trust and user experience: A mediation model. *Online Information Review*, 45(1), 140–157. https://doi.org/10.1108/OIR-06-2020-0252

Tuch, A. N., Trusell, R., & Hornbæk, K. (2013). Visual complexity of websites: Effects on users’ experience, physiology, performance, and memory. Human–Computer Interaction, 28(4), 325–356. https://doi.org/10.1080/07370024.2013.789096

Budiu, R., & Nielsen, J. (2018). Consistency and standards in user interface design. Journal of Usability Studies, 13(2), 75–89. https://doi.org/10.5555/3290873.3290877

Saleh, K., & Kamal, A. (2022). Responsive web design impact on user experience across devices. Journal of Web Engineering, 21(4), 1135–1156. https://doi.org/10.13052/jwe1540-9589.2146

Lallemand, C., Gronier, G., & Koenig, V. (2015). User experience: A concept without consensus? International Journal of Human–Computer Studies, 82, 1–14. https://doi.org/10.1016/j.ijhcs.2015.05.001

Bevan, N., Carter, J., & Harker, S. (2015). ISO 9241-11 revised: What have we learnt about usability since 1998? Journal of Usability Studies, 10(2), 1–18. https://doi.org/10.5555/2835434.2835436

Hassenzahl, M., & Tractinsky, N. (2006). User experience – A research agenda. Behaviour & Information Technology, 25(2), 91–97. https://doi.org/10.1080/01449290500330331