Studi Kasus: Membangun Website E-Commerce Mandiri untuk Peyek Udang Rumahan
Ringkasan
Peyek Padang adalah website e-commerce sederhana untuk menjual peyek udang buatan rumahan melalui domain sendiri: peyekudang.biz.id.
Sebelumnya, produk ini lebih bergantung pada marketplace. Masalahnya, di marketplace produk seperti peyek udang sering terlihat sama: foto kecil, judul mirip, harga saling bersaing, dan pembeli sulit membedakan mana produk yang benar-benar berkualitas.
Website ini dibuat untuk memberi Peyek Padang etalase sendiri — tempat di mana produk bisa tampil lebih meyakinkan, punya cerita brand yang jelas, dan memiliki alur belanja lengkap mulai dari melihat produk, memasukkan ke keranjang, checkout, cek ongkir, hingga pembayaran online.
Fokus utama proyek ini adalah satu pesan sederhana:
“Padat Udang, Bukan Cuma Tepung.”
Pesan ini menjadi dasar dari desain, copywriting, tampilan produk, hingga cara website menjelaskan keunggulan produknya kepada calon pembeli.
Masalah & Konteks
Peyek Padang adalah bisnis camilan rumahan yang menjual peyek udang. Produknya punya keunggulan yang kuat: udangnya terlihat padat dan merata, bukan hanya sedikit di tengah atau sekadar tempelan kecil.
Namun, keunggulan seperti ini sulit terlihat ketika produk hanya tampil sebagai salah satu dari banyak listing di marketplace. Calon pembeli biasanya melihat dari layar HP, membandingkan banyak produk sekaligus, lalu mengambil keputusan dalam hitungan detik.
Pertanyaan utama pembeli sebenarnya sederhana:
“Ini benar-benar peyek udang, atau cuma peyek tepung yang dikasih udang sedikit?”
Website ini dibuat untuk menjawab pertanyaan itu dengan lebih jelas.
Bukan hanya lewat tulisan, tetapi juga lewat tampilan visual, foto produk, struktur halaman, dan pengalaman belanja yang lebih rapi.
Selain masalah branding, ada juga tantangan operasional yang cukup nyata untuk bisnis kecil:
Pemilik bisnis bukan orang teknis, jadi harga, paket produk, dan teks halaman harus bisa diubah sendiri tanpa perlu membuka kode.
Layanan seperti payment gateway dan API ongkir juga tidak selalu langsung siap sejak hari pertama. Proses verifikasi bisa memakan waktu, sedangkan website tetap harus bisa diluncurkan tanpa menunggu semua layanan eksternal selesai.
Budget juga harus sangat hemat. Proyek ini tidak dirancang dengan server mahal atau tools yang luar biasa harga berlangganannya, melainkan menggunakan teknologi yang bisa berjalan dengan biaya operasional serendah mungkin.
Jadi, tantangannya bukan hanya membuat website yang terlihat bagus, tetapi membuat toko online yang benar-benar bisa dipakai oleh bisnis kecil: ringan, mudah dikelola, bisa launch bertahap, dan tidak membebani biaya operasional.
Pendekatan Desain
Arah desain website dibuat mobile-first, karena sebagian besar calon pembeli kemungkinan besar membuka website dari HP.
Tampilannya dibuat hangat, bersih, dan tetap terasa rumahan. Saya tidak ingin produk ini terlihat seperti brand korporat yang terlalu kaku, karena justru kekuatan produk ini ada pada kesan homemade, jujur, dan dekat dengan pembeli.
Alih-alih terlalu banyak klaim, website dibuat untuk membuktikan kualitas produk lewat visual. Foto produk ditaruh sebagai elemen penting, terutama untuk menunjukkan bahwa udangnya benar-benar terlihat padat dan merata.
Copywriting juga dibuat sederhana dan langsung ke inti. Bukan sekadar menjual “peyek enak”, tetapi menekankan alasan kenapa produk ini berbeda:
peyek yang benar-benar terasa udangnya, bukan hanya tepung renyah dengan sedikit topping.
Pendekatan Teknis
Dari sisi teknis, website ini dirancang agar tetap bisa berjalan meskipun beberapa layanan eksternal belum aktif.
Ini penting untuk proyek UMKM, karena sering kali bisnis kecil tidak bisa menunggu semua akun, verifikasi, API, dan integrasi selesai dulu baru mulai jualan.
Karena itu, sistem dibuat fleksibel.
Jika database belum diisi, website tetap bisa memakai data default yang sudah disiapkan. Jika API ongkir belum aktif, checkout tetap bisa berjalan menggunakan estimasi ongkir sederhana. Jika payment gateway masih dalam proses verifikasi, alur pembayaran tetap bisa diuji dalam mode demo.
Dengan pendekatan ini, website bisa diluncurkan lebih cepat. Fitur-fitur tambahan bisa diaktifkan satu per satu tanpa membuat website berhenti berjalan.
Tujuannya sederhana: bisnis tetap bisa mulai online dulu, lalu sistemnya berkembang mengikuti kesiapan operasional.
Admin Panel untuk Pemilik Bisnis
Website ini juga dilengkapi halaman admin agar pemilik bisnis bisa mengelola toko tanpa bantuan developer setiap saat.
Melalui panel admin, pemilik bisa mengubah harga, paket produk, dan teks utama di website. Perubahan bisa langsung tampil tanpa perlu deploy ulang atau menyentuh kode.
Panel admin juga disiapkan untuk membantu mengelola pesanan, seperti melihat order masuk, mengubah status pembayaran, menambahkan nomor resi, dan menandai pesanan selesai.
Bagian ini penting karena website untuk UMKM tidak boleh hanya bagus di awal. Website harus bisa dirawat oleh pemiliknya sendiri setelah selesai dibuat.
SEO sebagai Kanal Penjualan Jangka Panjang
Selain halaman produk utama, website juga dilengkapi beberapa halaman pendukung untuk membantu pencarian di Google.
Beberapa halaman dibuat untuk menargetkan pencarian seperti:
“beli peyek udang online”, “cara menyimpan peyek udang agar tetap renyah”, “peyek udang untuk hampers”, dan “reseller peyek udang”.
Halaman FAQ, kebijakan pengiriman, dan kebijakan retur juga ditambahkan agar website terlihat lebih dipercaya oleh calon pembeli.
Tujuannya bukan hanya membuat toko online, tetapi membangun aset digital yang bisa membantu bisnis ditemukan secara organik dalam jangka panjang.
Hasil
- Hasil dari proyek ini adalah sebuah website e-commerce mandiri untuk Peyek Padang di domain sendiri, yaitu peyekudang.biz.id.
- Website ini memiliki alur belanja lengkap: calon pembeli bisa melihat produk, memasukkan ke keranjang, checkout, mengecek ongkir, lalu melakukan pembayaran online.
- Website juga dilengkapi sekitar 12 halaman, termasuk halaman produk, halaman landing SEO, FAQ, dan halaman kebijakan. Dengan begitu, website ini tidak hanya berfungsi sebagai halaman jualan sederhana, tetapi sebagai etalase brand yang lebih lengkap.
- Pemilik bisnis juga bisa mengelola harga dan konten sendiri melalui halaman admin, sehingga tidak selalu bergantung pada developer untuk perubahan kecil.
- Dari sisi biaya, website ini dibuat dengan pendekatan hemat menggunakan layanan seperti Vercel dan Supabase free tier, sehingga cocok untuk bisnis kecil yang ingin mulai punya website sendiri tanpa biaya server besar.
- Yang paling penting, website ini tidak bergantung pada kondisi “semua harus sempurna dulu baru launch”. Sistem tetap bisa berjalan meskipun payment gateway atau API ongkir belum sepenuhnya aktif, karena sudah disiapkan fallback agar proses launching tidak terhambat.
Tech Stack
Project ini dibangun menggunakan:
- Next.js untuk frontend dan struktur website
- Supabase untuk database dan autentikasi admin
- Vercel untuk deployment
- RajaOngkir untuk pengecekan ongkir
- DOKU untuk payment gateway
- Domain .biz.id sebagai domain utama
Catatan
Case study ini fokus pada proses membangun website e-commerce yang praktis untuk bisnis kecil.
Data seperti jumlah traffic, konversi, jumlah order, atau peningkatan penjualan belum dimasukkan di artikel ini. Jika data tersebut sudah tersedia dari Vercel Analytics, Supabase, atau dashboard order, bagian hasil bisa diperkuat lagi dengan angka yang lebih konkret.
Namun dari sisi produk digital, tujuan utama proyek ini sudah tercapai: Peyek Padang memiliki website sendiri yang bisa digunakan untuk jualan, membangun brand, dan mengurangi ketergantungan penuh pada marketplace.