ARSIP // KEMBALI KE PROYEK
Web Development

SAMIRASA — Website UMKM & Etalase Produk Desa Susukan Lebak

Media digital resmi UMKM Samirasa untuk memperluas pemasaran produk desa dengan navigasi responsif dan integrasi pemesanan WhatsApp langsung.

WAKTU //2025
PERAN //Web Developer & UI Designer
BIDANG //Web Development
STATUS //TERDOKUMENTASI
samirasa.preview
SAMIRASA — Website UMKM & Etalase Produk Desa Susukan Lebak
06 // TEKNOLOGI & TOOLS DIGUNAKAN
Web DevelopmentHTMLCSSJavaScriptUI DesignResponsive Web DesignDigital BrandingProduct Showcase
01 // RINGKASAN EKSEKUTIF

Ikhtisar Proyek

Website resmi UMKM SAMIRASA dirancang untuk mendigitalisasi pemasaran produk kuliner khas desa ke pasar yang lebih luas dengan tampilan yang estetik, ringan, dan ramah pengguna seluler.

02 // LATAR BELAKANG

Konteks & Alasan Proyek Dibangun

UMKM Samirasa di Desa Susukan Lebak memproduksi aneka camilan berkualitas tinggi, namun pemasarannya masih bertumpu pada saluran konvensional setempat. Diperlukan kehadiran digital profesional agar produk lebih dipercaya konsumen luar kota.

03 // TANTANGAN

Tantangan Teknis & Batasan Solusi

Membangun website yang ringan dengan pemuatan instan di jaringan seluler tanpa beban database yang rumit, sekaligus memfasilitasi transaksi yang langsung terhubung ke kontak pemilik usaha.

04 // PENDEKATAN

Strategi & Metodologi Penyelesaian

Menerapkan teknologi web murni (HTML5, CSS3, JavaScript) untuk kecepatan maksimal, merancang tata letak mobile-first, dan menyematkan tombol pemesanan WhatsApp terintegrasi yang otomatis memuat rincian pesanan.

05 // PROSES KERJA

Tahapan Implementasi Bertahap

01

Wawancara kebutuhan bisnis dan pencatatan varian produk bersama pengelola UMKM di Susukan Lebak.

02

Perancangan antarmuka antarmuka (UI) web bertema hangat dan ramah seluler di Figma.

03

Implementasi struktur kode semantik HTML, penataan gaya CSS modular, dan interaktivitas JavaScript.

04

Integrasi tautan formulir pemesanan otomatis ke nomor WhatsApp admin UMKM.

05

Pengujian kecepatan halaman, pengujian responsivitas layar ponsel, dan deployment publik di Vercel.

07 // HASIL & SOLUSI

Hasil Akhir & Dampak Implementasi

Website live secara publik di samirasa-web.vercel.app dan menjadi aset digital permanen yang mendukung kemandirian promosi UMKM Samirasa.

Spesifikasi & Keberhasilan Utama

  • Luaran utama program pengabdian masyarakat KKM 33 UMC di Desa Susukan Lebak
  • Live deployment aktif di Vercel: samirasa-web.vercel.app
  • Etalase produk riil: Keripik Pisang (Rp11.000), Keripik Cokelat (Rp13.000), Noga Kacang (Rp8.000), Jinten Ubi (Rp9.500)
  • Alur pemesanan langsung WhatsApp tanpa hambatan checkout yang rumit
08 // GALERI PROYEK

Tangkapan Layar & Dokumentasi Visual

Tampilan Website UMKM Samirasa
ASET 01PERBESAR

Halaman beranda dan showcase produk olahan lokal pada website publik Samirasa.

09 // PEMBELAJARAN & RETROSPEKSI

Wawasan yang Diperoleh

Teknologi yang tepat guna dan sederhana sering kali memberikan dampak ekonomi paling langsung bagi pelaku UMKM di daerah.