Responsive Website Design In E-Commerce UD. Excellent Using React JS

Authors

  • Mardianto STKIP Amal Bakti
  • Dito Alfarizi Universitas AMIKOM Yogyakarta
  • Ahmad Calam STMIK Triguna Dharma
  • Fauzi Sagala STKIP Amal Bakti

DOI:

https://doi.org/10.53513/jursi.v4i2.10853

Keywords:

Digitalisasi, E-Commerce, Teknologi Informasi, Website, React JS

Abstract

Dewasa ini telah terjadi perubahan signifikan terhadap perdagangan konvensional dan telah berubah menjadi perdagangan digital. Hal ini disebabkan oleh kemajuan pesat dari teknologi infomasi yang berkontribusi dalam mendorong e-commerce menjadi platform utama untuk transaksi bisnis. Tujuan dari penelitian ini adalah membuat  UD. Excellent memiliki website responsif dengan React JS. Metode penelitian ini adalah pengembangan sistem berbasis website dengan pendekatan rancangan. Analisis kebutuhan pengguna dan perancangan antarmuka merupakan langkah awal dalam pengembangan web yang responsif menggunakan framework React JS. Website ini dirancang untuk tampil baik di perangkat mobile dan memberikan pengalaman pengguna yang konsisten. React JS memiliki kemampuan untuk membuat antarmuka pengguna yang dinamis dan responsif, yang menjadikannya framework pengembangan utama. Implementasi dilakukan dengan menggunakan komponen React JS untuk membuat tampilan yang mudah digunakan dan modular. Teknologi ini juga memungkinkan manajemen keadaan yang lebih baik, yang meningkatkan kinerja dan responsivitas aplikasi. Uji coba fungsionalitas, uji lintas platform, dan evaluasi pengguna memastikan hasil implementasi. Oleh karena itu, penelitian ini membahas desain dan pengembangan situs web e-commerce responsif menggunakan React JS pada platform toko UD. Excellent untuk membantu pengembangan situs web e-commerce yang mudah diakses.

Author Biographies

Dito Alfarizi, Universitas AMIKOM Yogyakarta

Informatika

Ahmad Calam, STMIK Triguna Dharma

Sistem Informasi

References

C. Rizal, J. Purwanti, P. Nabilla, and C. Hartika, “BULLETIN OF COMPUTER SCIENCE RESEARCH Rancang Bangun Sistem Informasi E-Voting Untuk Pemilihan Ketua OSIS Menggunakan Metode Prototype Berbasis Web,” vol. 4, no. 2, pp. 170–180, 2024, doi: 10.47065/bulletincsr.v4i2.332.

W. R. Rizqi and Z. Hadi, “Implementasi E-commerce Secara Business To Customer (B2C)Untuk Peningkatan Penjualan Produk Fashion MenggunakanReactJS(Studi Kasus : Zaurach.co),” Log. J. Ilmu Komput. dan Pendidik., vol. 1, no. 5, pp. 1331–1345, 2023.

S. Azzahra, S. Hadi, and J. Rejito, “Penerapan Design Thinking Pada Perancangan UI/UX Website Spectrum Fitness Purwakarta,” JITSI J. Ilm. Teknol. Sist. Inf., vol. 3, no. 3, pp. 67–74, 2022, doi: 10.30630/jitsi.3.3.66.

P. Z. Dinata, M. A. Urwah, M. R. Rahmawan, and E. Junaeti, “Perancangan UI/UX Web e-Commerce ‘Hallo Coffee’ Menggunakan Metode User Centered Design,” Jambura J. Informatics, vol. 5, no. 1, pp. 45–58, 2023, doi: 10.37905/jji.v5i1.17511.

I. Muslim, S. P. E. S. G. S, A. I. Nugraha, J. Teknologi, I. Politeknik, and C. Riau, “Implementasi Metode Design thinking dalam Perancangan Ulang UI / UX Website Perguruan Tinggi,” pp. 452–463, 2023.

W. S. A. Pratama and A. D. Indriyanti, “Perancangan Design UI/UX E-Commerce TRINITY Berbasis Website Dengan Pendekatan Design Thinking,” J. Emerg. Inf. Syst. Bus. Intell., vol. 04, no. 01, pp. 50–61, 2023.

P. aggraeny Puspita sari, M. Fajar, and Arianti, “Perancangan Ui/Ux Pada Website Medisol Dengan Metode User Centered Design,” KHARISMA Tech, vol. 18, no. 1, pp. 40–54, 2023, doi: 10.55645/kharismatech.v18i1.284.

A. Raihan, “Implementasi React.Js Pada Pengembangan Frontend Sistem Informasi Manajemen Kader Partai,” 2020.

M. S. Maulana, A. Sasongko, and R. D. Wardiyanto Romadhon, “Penerapan Desain Ui/Ux Pada Aplikasi E-Commerce Herbal Jamupuri Mengunakan Metode User Centered Design (Ucd),” Reputasi J. Rekayasa Perangkat Lunak, vol. 4, no. 2, pp. 128–131, 2023, doi: 10.31294/reputasi.v4i2.2466.

S. Lewoema, A. Prayuda, and M. A. Riski, “Perancangan Website E-Business dengan Metode Analisis SWOT dan PEST di Kedai S’Ajian Ndeso,” J. Comput. Sci. Technol., vol. 3, no. 1, pp. 17–24, 2023, doi: 10.54840/jcstech.v3i1.95.

M. A. Sidiq, “Penerapan Metode Design Thinking Untuk Perancangan Aplikasi Manajemen Penanganan Barang Bukti( Studi Kasus : Data Multimedia ),” Penerapan Metod. Des. Think. Untuk Peranc. Apl. Manaj. Penanganan Barang Bukti Digit., pp. 3–4, 2020.

S. Suryani et al., “UI/UX Design Of Mobile-Based Pharmacy Application Using Design Thinking Method,” J. Comput. Networks, Archit. High Perform. Comput., vol. 5, no. 2, pp. 714–723, 2023, doi: 10.47709/cnahpc.v5i2.2811.

S. K. Murti, J. Informatika, T. Industri, A. Sujarwo Badan, and S. Informasi, “Membangun Antarmuka Pengguna Menggunakan ReactJs untuk Modul Manajemen Pengguna,” J. Portal Univ. Islam Indones., vol. 2, no. 2, pp. 1–6, 2021, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/19443

H. Ho, “Developing a full-stack E-commerce application with Next . js , JavaScript , React and MongoDB,” 2024.

Y. Zeng, J. Gao, and C. Wu, “Responsive web design and its use by an e-commerce website,” Lect. Notes Comput. Sci. (including Subser. Lect. Notes Artif. Intell. Lect. Notes Bioinformatics), vol. 8528 LNCS, pp. 509–519, 2024, doi: 10.1007/978-3-319-07308-8_49.

Downloads

Published

2025-03-27