Perancangan Mockup Website E-Commerce sebagai Media Promosi Toko Gantar Plastik menggunakan Metode Waterfall
DOI:
https://doi.org/10.62951/bridge.v4i3.982Keywords:
E-Commerce, Mockup, Promotion, Toko Gantar Plastik, WaterfallAbstract
Information technology development has encouraged micro, small, and medium enterprises to use websites not only as information media but also as promotional media. Toko Gantar Plastik already uses a website to provide product information, but the existing website still has limitations in visual appearance, menu structure, and supporting features. This practical work aimed to design a mockup of an e-commerce website for Toko Gantar Plastik that is more structured, informative, and easier to use, as well as to design an admin dashboard for product and order management. The method used was a simple Waterfall approach focused on identifying update requirements, designing the website mockup, and adjusting features to the needs of the store. The resulting design covers the user side and admin side. User-side features include product search and category filters, promotional or flash-sale pages, wishlist, WhatsApp chat, order tracking, store information, product reviews, cart, checkout, and payment options using QRIS and Cash on Delivery. The admin side includes a dashboard, product management, order management and status updates, and reporting. The mockup provides an initial reference for further website development and is expected to improve the website's role as an information and promotional medium for Toko Gantar Plastik.
Downloads
References
Andriani, J., Wahyuningsih, A., & Indani, F. T. (2024). Bagaimana QRIS menarik minat UMKM? Keputusan menggunakan QRIS sebagai teknologi pembayaran studi kasus: UMKM di Yogyakarta. Jurnal Ekonomi Bisnis, Manajemen dan Akuntansi, 3(1), 109–122. https://doi.org/10.61930/jebmak.v3i1.522
Azhariyah, S., & Mukhlis, M. (2024). Framework CSS: Tailwind CSS untuk front-end website store PT. XYZ. Jurnal Informatika, 3(1), 30–36. https://doi.org/10.57094/ji.v3i1.1601
Billah, M., Razi, A. M., & Dkk, A. I. (2023). Perancangan website sebagai media pemasaran produk UMKM. Jurnal Sistem Informasi dan Informatika, 1(2), 48–59. https://doi.org/10.47233/jiska.v1i2.949
Hendriyani, C., Dwianti, S. P., Herawaty, T., & Ruslan, B. (2020). Analysis of WhatsApp Business usage in encouraging sales and customer engagement at PT Saung Angklung Udjo. Jurnal Pemikiran dan Penelitian Administrasi Bisnis dan Kewirausahaan, 5(2), 193–200. https://doi.org/10.24198/adbispreneur.v5i2.29171
Julianto, A., & Anshori, I. F. (2023). Sistem informasi penjualan laptop berbasis WooCommerce (Studi kasus PT. Portalbiz Nusantara). JIKA (Jurnal Informatika), 7(2), 202. https://doi.org/10.31000/jika.v7i2.7640
Kartono, F. K., Nursaadah, S., Nugroho, M. R., Tama, D. A., Mashudi, F. A., Wicaksono, A., & Nasir, M. (2024). Pengujian black box testing pada sistem website Osha Snack: Pendekatan teknik boundary value analysis. Jurnal Kridatama Sains dan Teknologi, 6(2), 754–766. https://doi.org/10.53863/kst.v6i02.1407
Kubilus, N. J. (2000). Designing an e-commerce site for users. XRDS: Crossroads, The ACM Magazine for Students, 7(1), 23–26. https://doi.org/10.1145/351092.351099
Manurung, H. R. (2023). Perancangan website e-commerce menggunakan metode waterfall pada penjualan pakaian impor. JATI (Jurnal Mahasiswa Teknik Informatika), 7(2), 1280–1286. https://doi.org/10.36040/jati.v7i2.6127
Murdiani, T., Andika, A. J., & Widiyanto, W. I. (2022). Pemanfaatan WhatsApp Group sebagai media promosi dalam penjualan online. Ekombis Sains: Jurnal Ekonomi, Keuangan dan Bisnis, 7(1), 69–76. https://doi.org/10.24967/ekombis.v7i1.1311
Najjar, L. J. (2011). Advances in e-commerce user interface design. In Lecture notes in computer science (including subseries Lecture Notes in Artificial Intelligence and Lecture Notes in Bioinformatics) (Vol. 6772, Part 2, pp. 292–300). Springer. https://doi.org/10.1007/978-3-642-21669-5_35
Nisa, H., Wahyuningrum, T., & Sambath, K. (2025). Enhancing user experience in e-commerce website design through the user centered design approach: A case study. Journal of Innovation Information Technology and Application (JINITA), 7(2), 198–208. https://doi.org/10.35970/jinita.v7i2.2786
Nursafaah, A., & Khaerudin, M. W. (2025). Pengaruh ulasan online, rating dan tagline terhadap pembelian dengan kepercayaan konsumen. Entrepreneur: Jurnal Bisnis Manajemen dan Kewirausahaan, 6(2), 214–228. https://doi.org/10.31949/entrepreneur.v6i2.15189
Risyda, F., Gardenia, Y., Awaludin, M., & Rehatalanit, Y. L. R. (2024). Perancangan desain UI/UX website sekolah menggunakan metode user centered design. Jurnal Sistem Informasi Universitas Dirgantara Marsekal Suryadarma, 12(1), 165–174. https://doi.org/10.35968/jsi.v12i1.1352
Santoso, M. F. (2024). Implementation of UI/UX concepts and techniques in web layout design with Figma. Jurnal Teknologi dan Sistem Informasi Bisnis, 6(2), 279–285. https://doi.org/10.47233/jteksis.v6i2.1223
Sanubekti, M. A., Dajoreyta, G. L., & Anggraini, N. (2024). Pembuatan desain UI/UX dengan metode prototyping pada aplikasi layanan Pengadilan Negeri Bale Bandung menggunakan Figma. Jurnal Informatika Terpadu, 10(1), 1–10. https://doi.org/10.54914/jit.v10i1.1001
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Bridge : Jurnal Publikasi Sistem Informasi dan Telekomunikasi
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
