Semmanis Madu menjual madu mentah (raw honey), bee pollen, dan royal jelly dari peternakan lebah Pak Siyamto, ayah pemiliknya. Koloninya diangon berpindah dari hutan ke hutan mengikuti musim bunga, dan setiap panen berasal dari satu sumber nektar. Brand ini sudah berjualan di Shopee dan aktif di Instagram, tapi belum punya rumah sendiri di web. Situsnya sekarang tayang di semmanismadu.com.
Sekilas
- Klien: Semmanis Madu by Indrayanti, usaha madu keluarga dengan peternakan lebah sendiri
- Brief: membangun branding dan digital presence, untuk pemilik yang tidak ingin repot merawat website
- Yang dikerjakan: konsep dan layout, landing page scrollytelling, etalase produk yang selaras dengan Shopee, chat WhatsApp yang menunjukkan asal lead, CMS, blog edukasi, fondasi SEO, dan rencana untuk pencarian AI
- Platform: EmDash CMS di Cloudflare Workers paket gratis, dengan domain sendiri
- Peranku: konsultasi, konsep, arsitektur informasi, arah desain, pembangunan, SEO, dan peluncuran. Isinya (produk, fakta, cerita) berasal dari klien.
Brief-nya Berubah Setelah Obrolan Pertama
Permintaan awalnya landing page untuk branding, mendekati company profile. Setelah konsultasi, aku menyarankan bentuk yang lebih berguna untuk brand yang sudah berjualan online: etalase produk yang selaras dengan toko Shopee-nya. Company profile memberi tahu orang siapa kamu; etalase juga memberi tahu apa yang bisa dibeli dan di mana, lalu mengantar mereka ke toko yang sudah mereka percaya.
- Setiap produk di website tertaut ke listing Shopee-nya masing-masing, jadi website tidak perlu mengurus pembayaran, stok, atau pengiriman
- Yang ingin bertanya dulu bisa langsung chat WhatsApp
- Cerita brand mengelilingi produknya, supaya pengunjung paham kenapa madu ini berbeda sebelum memilih
Halaman Minimalis yang Bercerita Sambil Di-scroll
Madu sulit dinilai dari foto, jadi halamannya harus membangun kepercayaan. Aku memetakan layout-nya sebagai satu halaman panjang yang bercerita berurutan: dari mana tiap madu berasal, bagaimana dipanen, mitos yang sering membuat pembeli ragu, uji labnya, kata pembeli lain, lalu tempat membeli. Scrollytelling membuat setiap gagasan tinggal cukup lama di layar untuk dipahami, sementara tampilannya tetap minimalis.
- Peta nektar yang menunjukkan asal tiap varian, dari Jepara sampai Siak
- Proses panen yang diceritakan langkah demi langkah sementara botolnya tetap terlihat
- Mitos seputar madu, dihadapkan dengan hasil uji lab serta nomor Halal dan P-IRT
- Ulasan pembeli yang dikutip apa adanya dari Shopee dan Threads
Isi dari Klien, Konsep dan Eksekusi dari Aku
Produk, fakta, dan ceritanya datang dari klien: varian beserta asalnya, sertifikat, hasil lab, dan sejarah keluarga. Bagianku mengubah bahan itu menjadi konsep, struktur, dan website yang berjalan, lalu menuliskannya dengan suara usaha keluarga, bukan iklan suplemen. Fakta yang belum terkonfirmasi tetap ditandai draft sampai klien mengeceknya.
CMS yang Bisa Dijalankan Pemilik Sendiri
Klien ingin perawatan yang ringan dan belum familier dengan website, jadi platformnya harus enteng, mudah, dan murah. Aku membangunnya dengan EmDash, CMS yang berjalan di Cloudflare Workers:
- Enteng: halaman dirender di edge, dekat dengan pengunjung di Indonesia
- Mudah: produk, varian, ulasan, FAQ, galeri, teks halaman, dan artikel blog diubah dari satu panel admin, tanpa menyentuh kode
- Murah: berjalan di paket gratis Cloudflare dengan domain milik klien. Supaya muat di batas ukuran paket gratis, aku memangkas file bahasa admin yang tidak dipakai sehingga seluruh aplikasi tetap di bawah 3 MB terkompresi.
Setiap Pertanyaan Membawa Asalnya
Toko kecil jarang tahu kanal mana yang membawa pembeli. Setiap tombol WhatsApp di website membuka chat dengan pesan yang sudah terisi, dan pesan itu menyebut produk yang sedang dilihat pengunjung, misalnya: "Halo Semmanis Madu, saya lihat website-nya dan mau tanya soal madu Randu." Kalau chat dibuka dengan kalimat itu, pemilik tahu lead-nya datang dari website dan produk apa yang memicunya, tanpa perlu belajar alat baru.
Di sisi analitik, setiap klik tombol Shopee atau WhatsApp tercatat di Google Analytics 4 bersama dua keterangan: di bagian mana tombol itu diklik dan ke mana tujuannya. Dari situ terlihat bagian mana yang benar-benar menggerakkan orang untuk membeli.
Blog untuk Pertanyaan yang Dicari Pembeli
Brand ini ingin dikenal sebagai madu yang dipercaya karena paham soal madu. Karena itu website-nya punya blog edukasi yang menjawab pertanyaan yang diketik calon pembeli di pencarian sebelum membeli. Blognya dibuka dengan lima artikel:
- Apa itu raw honey dan bedanya dengan madu biasa
- Cara membedakan madu asli dan palsu, dan kenapa perlu uji lab
- Cara menyimpan madu yang benar, perlu kulkas atau tidak
- Jenis madu berdasarkan nektar: randu, kaliandra, kopi, rambutan, dan durian
- Madu mengkristal: masih aman dimakan, dan cara mencairkannya
Fondasi SEO, dan Rencana untuk Pencarian AI
Yang sudah terpasang
- Judul dan deskripsi di setiap halaman, gambar Open Graph untuk dibagikan, dan sitemap yang memuat semua halaman
- Data terstruktur yang memberi tahu mesin pencari siapa bisnisnya (Organization), apa situsnya (WebSite), dan jawaban di FAQ (FAQPage)
- Search Console terverifikasi lewat domain, serta Google Analytics 4 dengan event klik di atas
- robots.txt yang membuka akses untuk mesin pencari dan crawler pencarian AI, dan menutup panel admin
- Kolom SEO per artikel, penulis, kategori, dan tag yang semuanya bisa diubah di CMS
Langkah berikutnya
Mesin pencarian AI seperti ChatGPT, Perplexity, dan AI Overviews milik Google mengutip halaman yang memberi jawaban jelas dan bisa dicek. Rencananya untuk Semmanis: menulis setiap jawaban supaya bisa dikutip berdiri sendiri, menjaga fakta brand tetap sama di website, Shopee, Instagram, dan Threads, serta menambah ulasan dan bukti uji lab yang mendukungnya. Strategi kontennya sedang dirumuskan.
Kecepatan: dari 50 ke 97 di Mobile
Tes PageSpeed Insights pertama untuk situs yang sudah tayang mencatat skor performa 50 di mobile. Aku merender teks hero di server, bukan di browser, memuat font tanpa menahan halaman, menyamakan ukuran font cadangan dengan font aslinya supaya tidak ada yang bergeser, mengecilkan ukuran gambar, dan menyimpan halaman di cache edge. Tes yang sama di hari yang sama (10 November 2026) kemudian mencatat 97 di mobile dan 95 di desktop. Agentic Browsing, pemeriksaan baru untuk seberapa mudah AI agent membaca halaman, naik dari 1/2 menjadi 2/2.
Yang Bisa Dipetik dari Proyek Ini
- Mulai dari yang sudah dimiliki bisnisnya. Di sini toko Shopee sudah berjalan, jadi website mengantar pembeli ke sana, bukan membangun checkout baru.
- Pilih platform untuk orang yang akan mengelolanya, bukan untuk developer-nya
- Buat setiap lead bisa dilacak sejak hari pertama, meski belum punya CRM
- Anggap kecepatan, struktur, dan akses crawler sebagai bagian dari pembangunan, bukan proyek SEO belakangan