Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906 p-ISSN 2963-7392 Pengabdian Masyarakat Pembuatan Website Umkm Oleh-Oleh Tiga Putri Community Service: Creating a Website for the UMKM "Oleh-Oleh Tiga Putri" Nur Wulan1.
Muhammad Syarif Abdillah2*.
Dicky Andreas Sitorus3.
Fahmi Ramadhan4.
Wahyu Pratama5.
Ilham Fauzi6,Renaldy Harahap7, 1,2,3,4,5,6 Universitas Harapan Medan Program Studi Teknik Informatika *e-mail: msyarif26102001@gmail.
Abstrak Penelitian ini bertujuan mengembangkan website untuk UMKM "Oleh-Oleh 3 Putri" guna meningkatkan pemasaran digital.
Metode yang digunakan meliputi analisis kebutuhan mitra, perancangan antarmuka dengan HTML.
CSS, dan JavaScript, serta implementasi fitur dasar e-commerce seperti katalog produk .
, keranjang belanja, dan halaman Selama proses pengembangan, 100% kebutuhan mitra terpenuhi berdasarkan hasil wawancara dan observasi.
Uji coba internal menunjukkan 90% kemudahan navigasi berdasarkan evaluasi 15 pengguna, serta peningkatan pengetahuan pemilik UMKM sebesar 80% dalam mengelola konten website melalui pelatihan intensif.
Meskipun belum diluncurkan, 95% respons positif diperoleh dari calon pelanggan terhadap desain visual dan informasi produk melalui survei terbatas.
Tantangan teknis seperti integrasi pembayaran dan keamanan siber telah diidentifikasi sebagai prioritas pengembangan lanjutan.
Simpulan utama adalah website siap digunakan sebagai media pemasaran digital UMKM, dengan rekomendasi peluncuran bertahap dan pendampingan teknis berkelanjutan.
Kata kunci: UMKM, website.
HTML/CSS, pemasaran digital, e-commerce Abstract his study aims to develop a website for the MSME "Oleh-Oleh 3 Putri" to enhance its digital The methodology includes partner needs analysis, interface design using HTML.
CSS, and JavaScript, and the implementation of basic e-commerce features such as a product catalog .
, a shopping cart, and a contact page.
During the development phase, 100% of the partnerAos needs were met based on interviews and direct observation.
Internal testing demonstrated 90% ease of navigation according to evaluations by 15 users, along with an 80% improvement in the MSME ownerAos knowledge in managing website content through intensive training.
Although not yet officially launched, 95% positive feedback was obtained from potential customers regarding visual design and product information through a limited survey.
Technical challenges such as payment integration and cybersecurity have been identified as priorities for further development.
The main conclusion is that the website is ready to serve as a digital marketing tool for the MSME, with recommendations for phased implementation and ongoing technical support.
Keywords: MSME, website.
HTML/CSS, digital marketing, e-commerce PENDAHULUAN UMKM "Oleh-Oleh 3 Putri" merupakan usaha makanan khas daerah yang menghadapi kendala dalam pemasaran konvensional.
Berdasarkan analisis situasi, mitra kesulitan mengelola pesanan dan memperluas pasar akibat ketergantungan pada metode manual.
Penelitian ini bertujuan mengembangkan website sebagai A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906 p-ISSN 2963-7392 solusi pemasaran digital.
dengan fitur katalog produk, keranjang belanja, dan informasi kontak.
Studi literatur menunjukkan bahwa website berbasis HTML/CSS/JavaScript efektif untuk UMKM dengan anggaran terbatas.
METODE
Analisis Kebutuhan Mitra Mitra membutuhkan platform online untuk mengatur pesanan dan meningkatkan jangkauan pasar.
Analisis dilakukan melalui wawancara dan observasi langsung terhadap proses bisnis UMKM.
Tahapan Kegiatan Pengabdian Masyarakat Berikut tahapan kegiatan dalam bentuk flowchart:
IDENTIFIKASI KEBUTIHAN MITRA
PERANCANGAN WEBSITE
IMPLEMENTASI FITUR
PELATIHAN PEMILIK UMKM
SURVEI CALON PELANGGAN
SURVEI CALON PELANGGAN
Perancangan Website Website dirancang menggunakan:
HTML: Struktur halaman utama, katalog, dan keranjang belanja.
CSS: Desain responsif dan tata letak visual.
JavaScript: Fungsi interaktif seperti penambahan item ke keranjang.
Framework Bootstrap digunakan untuk mempercepat pengembangan .
Implementasi dan Pengujian Pengujian dilakukan secara bertahap dengan user testing untuk memastikan navigasi yang intuitif dan kompatibilitas multi-perangkat.
Cara Pengujian :
Pengujian Usability (Internal Testin.
A Partisipan: 15 pengguna .
ahasiswa dan pemilik UMKM).
A Metrik:
Kemudahan navigasi .
kala 1-.
Waktu penyelesaian tugas .
isal: mencari produk, menambahkan ke keranjan.
A Tools: Observasi langsung.
Survei Calon Pelanggan A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas A A e-ISSN 2963-6906 p-ISSN 2963-7392 Sampel: 20 calon pelanggan Fokus:
Kepuasan terhadap desain visual .
kala 1-.
Keterbacaan informasi produk.
Pengambilan Data :
Kebutuhan Mitra A Teknik: Wawancara semi-terstruktur dan observasi proses bisnis UMKM.
A Output: Daftar kebutuhan prioritas .
isal: katalog produk, keranjang Evaluasi Pelatihan Pemilik UMKM A Teknik: Pre-test dan post-test untuk mengukur peningkatan pengetahuan manajemen konten.
Data Kuantitatif A Persentase Kebutuhan Terpenuhi: Diukur melalui checklist berdasarkan hasil wawancara.
A Respons Pengguna: Dikalkulasi dari rata-rata skor kuesioner .
90% kemudahan navigasi = rata-rata skor 4.
Analisis Tantangan Teknis A Identifikasi Masalah: Catatan lapangan selama pengembangan .
keterbatasan keamanan sibe.
HASIL DAN PEMBAHASAN
Fitur Utama Website Katalog Produk: Menampilkan gambar, deskripsi, dan harga Keranjang Belanja: Memungkinkan pelanggan menyimpan sementara item Halaman Kontak: Informasi lokasi dan media sosial UMKM.
Dampak pada UMKM Website meningkatkan interaksi pelanggan melalui akses 24/7, meskipun belum ada integrasi pembayaran.
Pemilik UMKM juga mendapat pelatihan dasar untuk memperbarui konten.
Penerapan website penjualan atau platform e-commerce oleh UMKM telah membawa transformasi signifikan dalam model bisnis tradisional.
Dari perspektif positif, kehadiran platform digital memungkinkan UMKM mengatasi batasan geografis dengan menjangkau pasar nasional hingga global.
Sebagai contoh, produsen kerajinan lokal di daerah terpencil dapat memasarkan produknya ke konsumen internasional melalui situs web yang terintegrasi dengan layanan Selain itu, biaya operasional seperti sewa tempat dan tenaga penjual berkurang signifikan, sehingga margin keuntungan dapat dialokasikan untuk pengembangan produk atau pemasaran digital.
Interaksi langsung dengan A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906 p-ISSN 2963-7392 pelanggan melalui fitur chat dan ulasan online juga meningkatkan kemampuan UMKM dalam memahami preferensi konsumen, mendorong inovasi produk berbasis data.
Di sisi lain, adopsi website penjualan tidak lepas dari tantangan struktural.
Biaya awal pembuatan dan pemeliharaan platform digital menjadi hambatan utama bagi UMKM dengan modal terbatas.
Persaingan ketat di ruang digital, terutama dengan pelaku usaha besar yang memiliki sumber daya pemasaran lebih kuat, menekan daya saing UMKM dalam hal harga dan visibilitas.
Tantangan teknis seperti gangguan server, kerentanan keamanan siber.
, dan kompleksitas logistik pengiriman ke daerah terpencil juga berpotensi mengganggu kelancaran Lebih jauh, rendahnya literasi digital di kalangan pelaku UMKM menghambat optimalisasi strategi seperti SEO atau analitik data, sehingga banyak website tidak dikelola secara efektif.
Untuk meminimalisir risiko tersebut, kolaborasi dengan pihak ketiga seperti penyedia jasa logistik terjangkau dan pelatihan literasi digital menjadi krusial.
Pemerintah juga berperan melalui insentif seperti subsidi pembuatan website dan pendampingan teknis.
Fokus pada diferensiasi produk, seperti mengangkat nilai kearifan lokal atau keberlanjutan, dapat menjadi strategi UMKM menghadapi persaingan global.
Kendala dan Solusi Kendala Keterbatasan Fitur: Pembayaran masih dilakukan offline.
Pemeliharaan Konten: Dibutuhkan pendampingan lanjutan untuk memastikan Keamanan : Website Umkm kurangnya keamanan untuk cyber security Keterbatasan Bendwith : Minimnya Modal dalam pembuatan Website mempengaruhi hosting Solusi Sinergi dengan pemerintah/swasta untuk pelatihan digital dan pendanaan Fokus pada layanan/alat yang tersedia lokal untuk mengurangi biaya dan Gambaran Umum Website Berikut adalah gambaran umum website yang dibuat:
A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906 p-ISSN 2963-7392 Gambar 1.
Halaman Utama Website Umkm Gambar 2.
Halaman Kontak Pemilik Umkm A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906 p-ISSN 2963-7392 Gambar 3.
Lokasi Umkm Gambar Tentang Website Umkm A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906 p-ISSN 2963-7392 Gambar 5.
Tampilan Produk Oleh-Oleh 3 Putri Gambar 6.
Tampilan Produk Oleh-Oleh 3 Putri A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906 p-ISSN 2963-7392 Gambar 7.
Sistem Keranjang Belanja Gambar 8.
Proses Checkout
KESIMPULAN
Kegiatan pengabdian ini berhasil membuat website yang fungsional bagi UMKM "Oleh-Oleh 3 Putri".
Website ini diharapkan dapat meningkatkan visibilitas, efisiensi operasional, dan penjualan UMKM.
Selain itu, kegiatan ini juga memberikan manfaat bagi mahasiswa dalam menerapkan ilmu yang telah dipelajari di bangku kuliah.
depan, website ini dapat dikembangkan lebih lanjut dengan menambahkan fitur8 A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906 p-ISSN 2963-7392 fitur yang lebih canggih seperti sistem rekomendasi produk dan integrasi dengan media sosial.
UCAPAN TERIMA KASIH
Penulis mengucapkan terima kasih kepada Universitas Harapan Medan dan dosen pembimbing.
Nur Wulan.
ST.
Kom, yang telah memberikan dukungan dan bimbingan dalam pelaksanaan kegiatan pengabdian ini.
Gambar 8.
Foto bersama dengan Pemilik UMKM dan Dosen Pembimbing A 2025 The Author.
Published by UNITY ACADEMY .
This is an open access article under the CC BY-SA license .
ttp://creativecommons.
org/licenses/by-sa/4.
Jurnal Pengabdian Masyarakat (JAPAMAS) Volume.
Nomor.
Juni 2025: 1-10 https://jurnal.
unity-academy.
id/index.
php/japamas e-ISSN 2963-6906
p-ISSN 2963-7392
DAFTAR PUSTAKA