20 Contoh Website UMKM per Jenis Usaha (dengan Demo)
11 menit bacaInWebsite
Jawaban singkat
Contoh website UMKM yang bagus menjawab pertanyaan paling sering dari pembelinya sebelum ditanya: harga per kilo untuk laundry, papan harga untuk barbershop, jadwal dokter untuk klinik, penghitung liter untuk toko cat. Di bawah ini ada 20 contoh per jenis usaha yang bisa Anda buka dan coba. Semuanya demo buatan InWebsite, bukan website klien.
Cara tercepat menjelaskan website yang Anda mau ke pembuatnya adalah menunjuk satu contoh lalu bilang: seperti ini, tapi untuk usaha saya. Contohnya perlu bisa dibuka dan dicoba, dan sebaiknya dari jenis usaha yang mirip, karena laundry dan klinik butuh hal yang jauh berbeda di layar pertama. Dua puluh contoh di bawah ini kami bangun sendiri sebagai demo. Nama usaha, rating, dan jumlah pelanggan yang terlihat di dalamnya isian contoh, dan tidak ada angka penjualan yang bisa kami klaim dari situ. Urutannya dari yang paling sederhana, satu halaman berisi harga dan tombol WhatsApp, sampai yang penuh gerak dan interaksi.
Laundry: tiga pertanyaan pelanggan terjawab sebelum mereka chat
Pertanyaan yang masuk ke laundry hampir selalu tiga: sekilo berapa, daerah saya dijemput atau tidak, dan kapan selesai. Di demo CuciKilat, tepat setelah bagian pembuka ada pita berisi radius jemput, lama pengerjaan, dan jam buka, lalu harga cuci reguler, kilat, dan item khusus ditata sebagai kartu yang terbaca tanpa dizoom. Tombol minta jemput lewat WhatsApp dipasang di header dan di bagian pembuka.
Barbershop: papan harga yang sama dengan yang tergantung di dinding
Pelanggan memilih barbershop dari hasil potongannya, lalu memastikan dua hal sebelum berangkat: harga dan jam buka. Demo Rapi Barbershop menata harganya seperti papan di dinding tempat cukur, dikelompokkan jadi potong dan styling, perawatan wajah, dan paket. Tepat di bawah bagian pembuka ada keterangan bahwa pelanggan tanpa janji tetap diterima, karena itu yang ingin dipastikan orang yang mau mampir sepulang kerja. Yang ingin memesan jadwal cukup menekan satu tombol WhatsApp.
Bengkel: tarif servis ditulis sebelum motornya dibongkar
Orang mencari bengkel saat kendaraannya sudah bermasalah, sering sambil berdiri di pinggir jalan, dan membawa satu kekhawatiran yang jarang diucapkan: takut dikerjai. Demo Bengkel Motor Jaya menulis daftar pekerjaan servis beserta tarifnya dengan gaya lembar job order montir. Bagian tentangnya menjelaskan bahwa kerusakan dan biayanya disampaikan sebelum montir membongkar apa pun.
Kedai kopi: foto tempat dibaca lebih dulu daripada menunya
Yang mengetik kafe di Google biasanya sedang mencari tempat duduk untuk beberapa jam. Demo Kedai Kopi Rasa memberi tempat besar untuk foto ruangan dan cerita singkat kedainya, lalu menu bergaya papan kapur dengan harga yang jelas. Pesanan untuk diambil sendiri masuk lewat WhatsApp. Untuk kedai Anda sendiri, dua keterangan kecil sering menentukan orang jadi berangkat atau tidak: jam last order dan ada tidaknya colokan di dekat meja.
Roastery kopi: tiap biji dapat halaman detailnya sendiri
Satu halaman cukup untuk kedai dengan menu yang muat di papan. Roastery yang menjual biji dari beberapa kebun butuh ruang lebih, karena tiap biji punya asal, cara sangrai, dan rasa yang ingin dibandingkan pembeli. Demo KAWA Coffee dibangun multi-halaman: katalog kopi dengan halaman detail per produk, peta interaktif kebun asal dan petani mitranya, bagian jurnal, dan perjalanan dari kebun ke cangkir yang bergerak mengikuti gulir. Bentuk ini mulai masuk akal begitu katalog Anda cukup panjang untuk dibandingkan satu per satu.
Florist: katalog per acara dan batas jam pesan untuk kirim hari ini
Hampir semua pesanan bunga punya tenggat, dan sebagian datang mendadak karena kabar duka pagi tadi. Demo Kenanga Florist menaruh batas jam pemesanan untuk kirim di hari yang sama tepat setelah bagian pembuka. Katalognya disusun per acara, seperti ulang tahun, wisuda, dan duka cita, dengan harga mulai di tiap kelompok. Orang mencari bunga berdasarkan acaranya, jadi susunan per momen lebih cepat dipakai daripada susunan per jenis bunga.
Wedding planner: rincian paket yang bisa dibandingkan di rumah
Calon pengantin membandingkan beberapa vendor sekaligus, dan keputusannya jarang diambil berdua saja. Tautan Anda dibuka lagi berminggu-minggu kemudian bersama orang tua. Demo wedding planner ini memberi ruang paling besar untuk dua hal yang paling lama dibaca: paket bertingkat dengan rincian isinya, dan galeri pernikahan. Pertanyaan masuk lewat satu formulir yang berdampingan dengan kontak WhatsApp, jadi pasangan yang lebih nyaman menulis panjang punya tempatnya.
Bimbel: disusun per jenjang, karena orang tua mencari dari kelas anaknya
Di bimbel, yang membayar dan yang belajar dua orang berbeda. Orang tua mencari pengajar, jadwal, dan biaya, sementara anaknya ingin tahu kelasnya seperti apa. Demo TutorinAja disusun per jenjang lalu per mata pelajaran, dengan jalur persiapan ujian seperti OSN dan UTBK, profil pengajar, dan pilihan kelas online atau tatap muka. Formulir penjadwalan di demo itu bentuk tampilannya saja. Penjadwalan yang benar-benar menyimpan data butuh database dan orang yang memeriksanya tiap hari.
Toko cat: penghitung yang mengubah ukuran tembok jadi jumlah liter
Pembeli cat tahu ukuran kamarnya, tapi jarang tahu harus membeli berapa kaleng. Demo Warna Abadi punya penghitung yang meminta luas bidang lalu mengeluarkan perkiraan liter, ditambah perbandingan hasil akhir: matte untuk ruang tamu dan kamar tidur, satin untuk dapur, semi-gloss untuk kusen dan pintu, gloss untuk railing besi dan furnitur kayu. Penghitungnya berjalan di browser pengunjung dan tidak menyimpan apa pun, jadi halamannya tetap website statis biasa tanpa server yang perlu dirawat.
Showroom mobil: simulasi cicilan sebelum calon pembeli datang
Pembeli mobil ingin tahu cicilannya sebelum mau diajak bicara sales. Demo Batam Auto Gallery memasang filter per kategori seperti SUV, MPV, dan mobil listrik, bagian khusus kendaraan listrik, dan simulasi cicilan bulanan, lalu janji test drive diatur lewat WhatsApp. Sama seperti di toko cat, simulasinya dihitung di browser pengunjung. Yang perlu Anda jaga sendiri adalah daftar unitnya, karena mobil yang sudah terjual tapi masih tampil memancing chat yang berakhir kecewa.
Showroom premium: tiga unit, dilihat satu per satu
Showroom yang hanya memajang tiga unit punya tugas lain: membuat tiap mobil terasa layak didatangi. Demo Aurelis Motor membawa pengunjung melangkah per bagian, satu putaran roda gulir atau satu usapan untuk satu langkah, melewati performa, presisi, dan pengerjaan tiap mobil. Pilihan warnanya mengecat ulang mobil secara langsung lewat lingkaran yang mengikuti kursor. Bentuk ini hanya masuk akal kalau foto tiap unit digarap serius, karena foto yang lemah terlihat jelas saat ditampilkan sebesar itu.
Perumahan: siteplan yang berguna selama statusnya diperbarui
Calon pembeli rumah menyimpan tautan Anda lalu membukanya lagi berminggu-minggu kemudian, bersama pasangan atau orang tuanya. Demo Cendana Hills memberinya bahan untuk perbandingan itu: kartu tipe rumah dengan luas tanah, luas bangunan, dan harga, siteplan yang menandai unit yang masih tersedia, daftar bank rekanan KPR, dan alur pembelian empat langkah dari survei sampai serah terima kunci. Siteplan itu cuma berguna kalau ada orang yang menandai unit terjual di hari yang sama uang mukanya masuk.
Klinik: jadwal dokter dulu, nomor antrean belakangan
Pertanyaan yang paling sering masuk ke klinik: dokter ini praktik hari apa. Demo Griya Sehat menjawabnya dengan jadwal per dokter yang bisa diganti per cabang, lalu melangkah lebih jauh dengan pemesanan yang memilih cabang, spesialisasi, dan jam, mengeluarkan nomor antrean, dan menampilkan nomor yang sedang dilayani.
Bagian kedua itu butuh database dan petugas yang memperbaruinya setiap hari. Di tempat kami, sistem booking termasuk fitur Tingkat Dasar di paket Enterprise, yang mulai Rp 15.000.000 dengan dua fitur Tingkat Dasar sudah termasuk. Untuk kebanyakan klinik, kami menyarankan jadwal praktik yang benar lebih dulu, dan antrean dibicarakan setelah jadwalnya terbukti tepat selama beberapa bulan.
Logistik: cek resi sendiri tanpa menelepon admin
Website logistik dibuka dua jenis orang: staf pengadaan yang sedang menyusun daftar pendek vendor, dan pelanggan yang ingin tahu kirimannya sudah sampai mana. Demo Kirana Logistics melayani keduanya dengan ringkasan layanan darat, laut, udara, dan pergudangan, pelacakan berdasarkan nomor resi, penghitung perkiraan tarif per jarak dan jenis layanan, serta pilihan bahasa Indonesia dan Inggris. Pelacakan yang menampilkan data kiriman sungguhan harus tersambung ke sistem operasional Anda, dan sambungan itu dihitung terpisah dari website-nya.
Brand kecantikan: pembeli baru masuk lewat artikel
Orang jarang mengetik nama merek kecantikan yang belum dia kenal. Yang dia ketik keadaan kulitnya sendiri. Karena itu demo Beauty Inside berbentuk blog: artikel paling banyak dibaca di bagian atas, kartu artikel yang bisa disaring per kategori, tata letak ulasan produk dengan penilaian, dan formulir langganan email di bawah.
Agency kreatif: halamannya sendiri yang jadi showreel
Agency yang menjual motion biasanya memajang showreel dalam kotak video, dan videonya berhenti begitu pengunjung menggulir lewat. Di demo The Signal, posisi gulir yang menggerakkan animasinya. Pengunjung bisa maju, mundur, atau berhenti di mana saja, dan tiap berhenti mendarat di frame yang utuh. Animasinya dibangun dengan Remotion, sehingga sumber yang sama bisa dirender jadi video MP4 untuk media sosial.
Jasa automasi: tiga perhentian untuk layanan yang tidak bisa difoto
Alur kerja yang berjalan sendiri di latar belakang tidak bisa dipotret. Demo InWorkflow mengakalinya dengan satu kanvas yang mengunci layar: gambar jaringan bergerak mengikuti gulir, lalu berhenti di tiga titik. Di tiap titik satu panel teks masuk, bertahan cukup lama untuk dibaca, lalu keluar. Setelah titik ketiga, halaman lepas ke bagian layanan, proses, bukti, dan kontak yang digulir seperti biasa.
Hotel: calon tamu berjalan dari lobi ke kamar sebelum memesan
Banyak tamu tetap memesan lewat aplikasi pemesanan. Website hotel dipakai untuk memeriksa apakah kamarnya memang seperti di foto. Demo Velara membawa pengunjung berjalan melewati 24 adegan: resepsionis, kolam, restoran, spa, ballroom, sampai kamar deluxe, executive, dan suite. Tiap adegan punya tautan sendiri, jadi staf Anda bisa mengirim satu tipe kamar sebagai satu tautan di chat. Bentuk sebesar ini hanya masuk akal kalau foto atau video propertinya sudah Anda punya.
Tempat wisata: tiket dipesan lewat pesan WhatsApp yang sudah tersusun
Website tempat wisata sering dibuka dari HP oleh orang yang sedang menyusun rencana harinya, kadang sudah di jalan. Demo Taman Satwa Nusantara menyusun lima habitat sebagai satu hari kunjungan dari 07.30 sampai 21.00, dengan maskot harimau yang menoleh mengikuti kursor dan paspor stempel yang terisi tiap kali pengunjung melihat satwa baru.
Bagian yang paling gampang ditiru tempat wisata mana pun ada di panel tiketnya. Pengunjung memilih paket, tanggal, dan jumlah dewasa, anak, serta balita, lalu panel itu menyusun pesan WhatsApp yang tinggal dikirim.
Lihat demo Taman Satwa Nusantara · Jasa website tempat wisata
Produk kemasan: cerita pabriknya digulir, nilai gizinya tetap tertulis
Demo Kurcandy dibuat untuk merek permen fiktif. Satu permen diikuti dari pipa pabrik, lewat ruang pencicip, sampai masuk ke bungkusnya, semuanya dalam satu adegan yang bergerak mengikuti gulir. Setelah ceritanya selesai, halaman kembali ke bagian yang tetap dicari pembeli: nilai gizi per rasa, harga, dan FAQ. Formulir pesanannya menghitung perkiraan total, lalu membuka aplikasi email pengunjung untuk mengirim pesanan itu.
Website UMKM yang bagus menjawab pembeli sebelum dia bertanya
Kalau dua puluh demo di atas dijajarkan, yang membuatnya berguna ternyata sedikit dan berulang:
- Harga atau kisaran harga yang ditulis terbuka.
- Tombol WhatsApp yang sekali ketuk langsung membuka chat.
- Jam buka dan lokasi, untuk usaha yang punya tempat fisik.
- Satu alat kecil untuk pertanyaan khas usaha itu: penghitung liter, simulasi cicilan, jadwal dokter, cek resi.
- Tampilan yang dirancang untuk layar HP lebih dulu.
Tampilan yang menarik bergantung pada apa yang Anda jual. Untuk hotel, tempat wisata, dan showroom premium, tampilan memang bagian dari barang dagangannya, jadi gerak dan interaksi besar ada gunanya. Untuk laundry, menarik berarti harga per kilo terbaca tanpa dizoom dan tombol jemput ketemu tanpa dicari.
Hampir semua demo satu halaman di daftar ini, dari laundry sampai florist, berbentuk landing page (bagian-bagiannya kami bedah di artikel contoh landing page) dan seukuran paket Starter: Rp 1.500.000, sudah termasuk domain .com, hosting, dan SSL tahun pertama, dengan pengerjaan sekitar 3 hari sejak materi lengkap kami terima. Website dengan banyak foto, blog, serta animasi dan interaksi masuk paket Business, Rp 5.000.000 dengan pengerjaan 1 sampai 2 minggu. Begitu Anda butuh data yang tersimpan, seperti antrean klinik atau penjadwalan kelas bimbel, hitungannya pindah ke Enterprise yang mulai Rp 15.000.000. Isi ketiganya berdampingan di halaman paket, dan kalau Anda masih menimbang perlu tidaknya website, bacaannya ada di website atau Instagram untuk UMKM.
Buka demo yang paling dekat dengan usaha Anda, lalu kirim tautannya ke kami, atau ke vendor mana pun, dengan satu kalimat soal bagian yang Anda mau. Kalau tautannya sampai ke kami lewat WhatsApp, kami balas maksimal 1x24 jam di hari kerja dengan paket yang paling masuk akal dan perkiraan waktunya.
Mencari tempat mendaftarkan UMKM? Itu bukan website usaha
Sebagian orang yang mengetik "website UMKM" sebenarnya mencari tempat mendaftarkan usahanya, bukan contoh website. Nomor Induk Berusaha (NIB), identitas resmi untuk menjalankan usaha di Indonesia, diurus lewat sistem OSS di oss.go.id.
NIB itu dokumen perizinan. Website seperti contoh-contoh di atas adalah etalase usaha Anda sendiri, tempat pembeli melihat harga dan menghubungi Anda. Keduanya tidak saling menggantikan.
Kalau Anda sedang menyusun urutan dari NIB sampai website dan marketplace, langkah dan biayanya kami tulis di artikel digitalisasi UMKM.
Langkah berikutnya
Bandingkan isi tiap paket berdampingan, atau lihat hasil jadi yang bentuknya paling dekat dengan usaha Anda.
Artikel lain
Cara Membuat Website untuk Usaha: Gratis, Builder, atau Jasa
Cara membuat website usaha: gratis di Google Sites, Wix, atau WordPress.com, builder berbayar, WordPress sendiri, atau jasa, dengan biaya dan batasnya.
NIB UMKM: Cara Membuat di OSS dan Dipakai untuk Apa
Cara membuat NIB UMKM perorangan di OSS tanpa biaya, syarat yang perlu disiapkan, memilih KBLI 2025, dan gunanya untuk Shopee, TikTok Shop, dan halal.