Rancang Bangun E-Commerce Berbasis Web pada Butik Nabeel Story
DOI:
https://doi.org/10.31004/riggs.v5i2.10827Keywords:
E-Commerce, Sistem Informasi, Website, E-Catalogue, PenjualanAbstract
Sektor fashion di Indonesia tengah berupaya mengadopsi teknologi digital agar mampu menjangkau pasar yang lebih luas serta menjalankan operasional secara lebih efisien. Butik Nabeel Story hingga saat ini masih bergantung sepenuhnya pada model penjualan konvensional melalui toko fisik, sehingga pencatatan data produk, stok, dan transaksi masih dilakukan secara manual. Kondisi tersebut rawan menimbulkan kekeliruan pencatatan, keterlambatan pelaporan, serta terbatasnya jangkauan pemasaran karena belum tersedianya katalog produk digital. Penelitian ini bertujuan merancang dan mengembangkan sistem e-commerce berbasis web yang dilengkapi fitur e-catalogue interaktif guna mendukung sekaligus meningkatkan penjualan pada Butik Nabeel Story. Metode penelitian yang ditempuh bersifat iteratif, meliputi tahap analisis kebutuhan, perancangan sistem dan basis data, implementasi, serta pengujian, dengan memanfaatkan teknologi Laravel 11 sebagai backend, Vue.js 3 dan Inertia.js sebagai frontend, Tailwind CSS untuk antarmuka, dan MySQL sebagai basis data. Pengujian sistem dilakukan menggunakan metode Black Box Testing terhadap 30 skenario yang mencakup seluruh fitur inti sistem, dengan hasil keseluruhan berstatus valid dan tingkat keberhasilan mencapai seratus persen. Temuan penelitian menunjukkan bahwa sistem ini memudahkan pelanggan untuk melihat katalog produk, melakukan pembelian, dan mengunggah bukti pembayaran, sedangkan pihak administrasi dapat mengelola produk, stok, pesanan, ekspedisi, dan laporan penjualan secara langsung dalam satu sistem yang terintegrasi. Dengan demikian, sistem yang dibangun terbukti mampu menggantikan proses pencatatan manual, mempercepat proses pelaporan, serta memperluas jangkauan pemasaran Butik Nabeel Story secara digital dan berkelanjutan.
Downloads
References
[1] H. Sudibyo and D. Minarti, “Implementasi E-Commerce Menggunakan Framework Technology Organization Enviroment Untuk Peningkatan Pemasaran Dan Penjualan Produk Pada Usaha Kecil Menengah (Ukm) Dharmasraya,” JOISIE J. Inf. Syst. Informatics Eng., vol. 6, no. Desember, pp. 64–68, 2022.
[2] S. Zuhra, Amroni, and D. A. Gusriyanti, “Perancangan Sistem Penjualan Berbasis Web Pada Butik Gaia Jambi,” J. Manaj. Teknol. Dan Sist. Inf., vol. 3, no. 1, pp. 334–342, 2023, doi: 10.33998/jms.2023.3.1.755.
[3] A. N. Ghaniyyah and E. Dewayani, “Sistem Informasi Online Shop Labkara Berbasis Web,” J. Ilmu Komput. dan Sist. Inf., vol. 11, no. 1, pp. 1–6, 2023, doi: 10.24912/jiksi.v11i1.24152.
[4] S. Franjaya, E. Elisawati, R. Hidayatullah, and N. Rubiati, “Sistem Informasi E-Commerce Excelsa Coffee Shop Berbasis Web,” J. Sist. Inf. Kaputama, vol. 7, no. 1, pp. 1–8, 2023, doi: 10.59697/jsik.v7i1.46.
[5] M. Selphia, A. Harris, and W. Riyadi, “Perancangan E-Commerce pada Aneka Sangkar Jambi Berbasis WEB,” J. Manaj. Teknol. Dan Sist. Inf., vol. 3, no. 2, pp. 450–458, 2023, doi: 10.33998/jms.2023.3.2.813.
[6] A. Zikri, J. S. Informasi, F. Sains, and I. Sains, “SISTEM INFORMASI E-SHOP PENJUALAN BARANG FASHION BERBASIS WEB ( STUDI KASUS : AFROW ) E-Shop,” vol. 13, no. 1, pp. 26–35, 2024.
[7] R. Angel, W. Agustina, N. Nurhasanah, A. C. Mauluddin, and R. N. Handayani, “Pengembangan Platform E-Commerce UMKM Berbasis Laravel dengan Blackbox Testing dan Metode Waterfall,” J. Pendidik. dan Teknol. Indones., vol. 5, no. 2, pp. 521–546, 2025, doi: 10.52436/1.jpti.684.
[8] F. B. Ardana, I. Arwani, and D. W. Brata, “Pengembangan E-Commerce UMKM Berbasis Website ( Studi Kasus : UMKM Desa Sukorejo , Kecamatan Gandusari , Kabupaten Trenggalek ),” vol. 9, no. 6, pp. 1–10, 2025.
[9] Fikri Ahmad Fauzi and Fajar Darmawan, “Pembangunan Aplikasi E-Commerce Berbasis Website Menggunakan Laravel,” J. Pas. Inform., vol. 2, no. 1, pp. 1–7, 2023, doi: 10.23969/pasinformatik.v2i1.7172.
[10] R. Sinaga and A. D. Putra, “JIPI (Jurnal Ilmiah Penelitian dan Pembelajaran Informatika) Journal homepage: https://jurnal.stkippgritulungagung.ac.id/index.php/jipi 1668 Rancang Bangun E-Commerce Penjualan Ban Pada Toko Ellenrims RANCANG BANGUN E-COMMERCE PENJUALAN BAN PADA TOKO ELLE,” JIPI (Jurnal Ilm. Penelit. dan Pembelajaran Inform., vol. 9, no. 3, pp. 1668–1679, 2024, [Online]. Available: https://doi.org/10.29100/jipi.v9i3.5477
[11] R. Mulia, A. Harahap, and R. S. Herdinata, “Jurnal Teknologi Sistem Informasi dan Sistem Komputer TGD Sistem Informasi Inventory Barang Berbasis Web Dengan Menggunakan Metode Waterfall Studi Kasus ( Butik Lubis Collection ) Jurnal Teknologi Sistem Informasi dan Sistem Komputer TGD,” vol. 6, pp. 500–507, 2023.
[12] U. Saputra, B. R. Nasution, A. A. Anggara, R. S. Qaisa, A. E. Jakfar, and N. Astrianda, “Analisa Pengujian Sistem Informasi Website E-Commerce Bali-Store Menggunakan Metode Black Box Testing,” J. Teknol. Inf., vol. 2, no. 2, pp. 95–102, 2023, [Online]. Available: http://jurnal.utu.ac.id/JTI
[13] F. Z. Lubis, “Jurnal Publikasi Ilmu Komputer dan Multimedia Perancangan Sistem E-Commerce Berbasis Web Menggunakan Metode Prototype pada Toko Pakaian Online untuk Meningkatkan Efisiensi Penjualan,” 2026.
[14] S. P. Ningsih and E. Wahyuningsih, “Website: https://j-innovative.org/index.php/Innovative Implementasi Sistem E-Commerce Berbasis Web Pada UMKM Batik Kebumen (Studi Kasus : Batik Slamet),” Innov. J. Soc. Sci. Res., vol. 4, pp. 8854–8862, 2024, [Online]. Available: https://j-innovative.org/index.php/Innovative
[15] Y. Kusnadi and D. W. Putra, “E-Commerce Berbasis Website pada UMKM Menggunakan Framework Codeigniter 4 (Studi Kasus: Toko Wakuteka),” J. Teknol. Inform. dan Komput., vol. 10, no. 1, pp. 257–271, 2024, doi: 10.37012/jtik.v10i1.2101.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Intan Permatasari, Zedi Fahregi, Putri Agustina Ariyanty, Joko Suwarno

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


















