antond.net

0 %
Anton Darmawanto
Front-end Developer
Ui/UX Designer
  • Residence:
    Indonesia
  • City:
    Jakarta Selatan
  • Age:
    40
Indonesian
English
Jawa
html
CSS
Js
PHP
WordPress
Proxmox
Laravel
Linux server (ubuntu, debian, fedora)
Alibaba Cloud
  • Proxmox, Vm Ware
  • Stylus, Sass, Less
  • Gulp, Webpack, Grunt
  • GIT knowledge
0

No products in the cart.

Return To Shop

7 Kesalahan Website UMKM yang Bikin Pengunjung Kabur (Beserta Solusinya)

September 26, 2026

Pernahkah Anda merasa sudah mengeluarkan uang untuk membuat website, tapi pesan masuk lewat kontak form hanya sebulan sekali? Jangan buru-buru menyalahkan produk Anda. Setelah belasan tahun mengurus website bisnis kecil dan UMKM di Indonesia — dari toko perlengkapan hidrolik, jasa foto wedding, sampai katering rumahan — saya menemukan polanya: masalahnya hampir selalu bukan di produk, tapi di website yang diam-diam mengusir pengunjung.

Riset dari praktisi UX yang membangun website bisnis kecil menunjukkan temuan yang sama: pengunjung membentuk kesan pertama dalam waktu kurang dari satu detik. Di jendela sedetik itu mereka tidak membaca. Mereka memindai struktur. Jika strukturnya bilang “di sini ada yang saya butuhkan, ada bukti kredibilitas, dan ada cara menghubungi”, mereka bertahan. Jika bilang “semuanya sekaligus, berantakan”, mereka pergi — dan 53% pengunjung mobile akan meninggalkan situs yang butuh lebih dari 3 detik untuk dimuat.

Berikut 7 kesalahan paling umum pada website UMKM Indonesia, plus solusi yang bisa Anda terapkan tanpa harus jago coding.

1. Pengunjung Tidak Tahu Anda Menjual Apa dalam 3 Detik

7 Kesalahan Website UMKM yang Bikin Peng ilustrasi 1

Kesalahan nomor satu yang saya lihat saat audit: halaman depan menjejalkan semua informasi sekaligus. Delapan layanan, tiga nomor telepon, peta Google Maps, carousel testimoni, dan banner lowongan kerja — semuanya di layar pertama. Akibatnya, otak pengunjung tidak tahu harus fokus ke mana. Ia bingung, lalu kabur.

Solusinya: satu pesan utama dan satu CTA (call to action) per bagian.

  • Hero section berisi satu headline yang jelas (“Jasa Pembuatan Website UMKM Mulai Rp1,5 Juta/Tahun” — bukan “Selamat Datang di Perusahaan Kami”), satu sub-headline pendukung, dan satu tombol.
  • Bagian layanan menjelaskan apa yang Anda kerjakan tanpa mencoba menjelaskan semuanya.
  • Bagian testimoni membangun kepercayaan. Setiap bagian punya satu pekerjaan. Ketika satu bagian mencoba mengerjakan dua pekerjaan, keduanya gagal.
  • Uji cepatnya: tunjukkan website Anda ke orang asing selama 5 detik, tanya “bisnis ini jualan apa dan langkah apa yang harus saya ambil?” Jika dia tidak bisa menjawab, Anda baru saja menemukan masalah nomor satu ini.

    2. Kontak Disembunyikan di Halaman “Kontak”

    Masalah ini begitu umum sampai terdengar sepele: calon pelanggan mendarat di website, ingin memesan, lalu harus berburu 30 detik mencari nomor telepon karena nomor hanya ada di halaman kontak. Tiga puluh detik itu terlalu lama. Mayoritas akan menekan tombol back dan mencoba kompetitor berikutnya di Google.

    Solusinya:

  • Letakkan nomor telepon (dengan kode area lokal) di header setiap halaman, bukan hanya di footer atau halaman kontak.
  • Di mobile, nomor telepon harus bisa tap-to-call (`href=”tel:…”`), bukan teks biasa yang harus disalin manual.
  • Tambahkan tombol WhatsApp mengambang — di Indonesia, WhatsApp sering jadi jalur konversi utama, seringkali lebih efektif daripada form.
  • Tombol CTA utama sebisa mungkin tetap terlihat saat pengunjung scroll (sticky button).
  • Aturan emasnya: setiap halaman harus bisa membawa pengunjung dari mendarat ke menghubungi Anda dalam ≤ 2 klik. Jika butuh tiga klik atau lebih, strukturnya salah.

    3. Navigasi Berbelit: Menu 12 Item dan Dropdown 3 Level

    Banyak pemilik usaha berpikir menu yang banyak terkesan “profesional”, seperti perusahaan besar. Kenyataannya, setiap item menu tambahan adalah gesekan. Menu dengan 12+ item memaksa pengunjung membaca dan mengevaluasi satu per satu. Dropdown berlapis tiga level? Pengunjung butuh peta untuk menemukan halaman — itu berarti struktur navigasinya salah.

    Menyembunyikan menu utama di balik ikon hamburger di desktop juga terbukti mengurangi penemuan halaman penting hingga 45% (riset Nielsen Norman Group).

    Solusinya:

  • Batasi navigasi utama maksimal 5–7 item, pakai label bahasa manusia biasa. “Layanan”, “Portofolio”, “Harga”, “Tentang”, “Kontak” — jelas lebih baik daripada “Solusi”, “Cerita”, “Terhubung”.
  • Untuk website kecil (home, tentang, 3 halaman layanan, kontak), navigasi flat tanpa dropdown paling efektif. Pengunjung melihat seluruh peta situs dalam satu pandangan.
  • Jangan sembunyikan tombol CTA utama di dalam menu. Ia harus selalu terlihat di header.
  • 4. Form Kontak Panjang: 7 Field untuk Sekadar “Tanya Harga”

    7 Kesalahan Website UMKM yang Bikin Peng ilustrasi 2

    Setiap field tambahan di form menurunkan tingkat konversi. Form minta nama, email, telepon, nama perusahaan, alamat, budget, dan pesan? Orang Indonesia rata-rata langsung menyerah — apalagi yang cuma mau tanya harga. Orang protektif terhadap data pribadinya, dan form panjang terasa seperti komitmen sebelum ada hubungan apa pun.

    Solusinya:

  • Kecilkan form ke 3 field maksimal: nama, kontak (WA/telepon/email), dan pesan singkat. Kumpulkan detail lain setelah mereka merespons.
  • Letakkan label di atas field, selalu terlihat — jangan hanya placeholder yang hilang saat diklik.
  • Gunakan tipe input yang benar (`type=”tel”`, `type=”email”`) supaya keyboard mobile yang muncul sesuai.
  • Tampilkan pesan error inline di samping field, bukan banner merah di atas halaman yang tidak jelas.
  • Tombol submit yang menjelaskan nilai: “Minta Penawaran Gratis” lebih baik daripada “Submit”.
  • Pastikan ada pesan sukses atau redirect ke halaman terima kasih — form yang diam saja setelah diklik membuat pengunjung ragu apakah datanya terkirim.
  • 5. “Responsive” tapi Tidak Ramah Jempol

    Ini kesalahpahaman terbesar: responsive ≠ mobile-friendly. Tombol yang muat di layar telepon tapi lebarnya 30 piksel memang “responsive” — tapi nyaris mustahil ditekan dengan jempol. Form yang tampil di mobile tapi harus zoom untuk membaca labelnya juga “responsive” — dan tidak bisa dipakai.

    Dengan lebih dari 60% trafik web datang dari mobile (di Indonesia angkanya bisa lebih tinggi), kesalahan ini membunuh konversi diam-diam.

    Solusinya:

  • Semua tap target minimal 44×44 piksel (standar rekomendasi Apple), terutama tombol CTA dan nomor telepon.
  • Ukuran font dasar minimal 16px supaya browser tidak auto-zoom saat field form diklik.
  • Tidak boleh ada scroll horizontal di layar mana pun.
  • Desain mobile dulu (mobile-first), baru kembangkan ke desktop — bukan sebaliknya.
  • Uji rutin dengan HP Anda sendiri: bisa baca tanpa zoom? Tombolnya nyaman ditekan? Gambar cepat muncul di data seluler?
  • 6. Website Lambat: Halaman Butuh 5 Detik untuk Muncul

    Kecepatan adalah pengalaman pertama yang dirasakan pengunjung — sebelum mereka melihat desain, sebelum mereka membaca satu kata pun. Halaman yang butuh 4 detik telah gagal dalam uji UX apa pun, sebagus apa pun tampilannya. Dan ini bukan cuma soal pengunjung: Google menjadikan LCP (Largest Contentful Paint) bagian dari penilaian ranking, dan di era AI Overview, jawaban yang lambat disajikan Google langsung di hasil pencarian — pengunjung tidak perlu datang ke website Anda sama sekali.

    Solusinya:

  • Kompres semua gambar; pakai format modern seperti WebP (di antond.net semua gambar inline kami konversi ke WebP dengan kualitas 82 — hasilnya ringan tanpa beda visual yang berarti).
  • Aktifkan lazy loading untuk gambar di bawah lipatan.
  • Gunakan hosting yang tepat — hosting murah berbagi sumber daya dengan ratusan situs lain sering menjadi biang keladi.
  • Batasi plugin: setiap plugin WordPress menambah beban. Audit plugin yang tidak dipakai.
  • Ukur dengan PageSpeed Insights atau Search Console (laporan Core Web Vitals) — jangan menebak.
  • 7. Trust Signal Tidak Ada, atau Terkubur di Footer

    7 Kesalahan Website UMKM yang Bikin Peng ilustrasi 3

    Website UMKM umumnya jatuh ke salah satu dari dua kubu: tanpa testimoni sama sekali, atau menumpuk semuanya di footer — rating Google, tiga testimoni, deretan logo klien — di tempat yang tidak pernah di-scroll orang. Masalahnya bukan kurangnya sinyal kepercayaan, tapi penempatannya.

    Perbedaan antara kredibilitas dekoratif dan kredibilitas fungsional: menebar logo klien tanpa konteks di footer adalah dekoratif. Meletakkan testimoni spesifik yang menyebut hasil terukur di bawah deskripsi layanan adalah fungsional — dan yang ini benar-benar mengubah perilaku.

    Solusinya:

  • Letakkan testimoni pendek di dekat titik keputusan: testimoni di samping form kontak mengurangi kecemasan saat pengunjung akan menyerahkan data. Rating Google di samping harga. Rujukan proyek di dekat tombol “Jadwalkan Konsultasi”.
  • Gunakan testimoni spesifik dengan nama dan usaha nyata — “Website toko kami sekarang muncul di halaman 1 Google untuk ‘jual hidrolik’ setelah 4 bulan” jauh lebih kuat daripada “Pelayanan bagus!”
  • Perlihatkan angka Google review, bukan cuma bintang: “4,9/5 dari 127 ulasan” lebih meyakinkan.
  • Hindari logo trust yang distretch atau semi-terlihat — itu justru mengurangi kredibilitas.
  • Bonus: Dua Pembunuh yang Sering Diabaikan

    Popup yang menutupi konten. Popup bisa efektif, tapi popup yang muncul langsung saat halaman dibuka, menutup seluruh layar, dan susah dicari tombol close-nya adalah cara paling cepat mengusir pengunjung. Munculkan popup setelah pengunjung scroll cukup jauh atau saat akan keluar, dan pastikan tombol close jelas.

    Video/audio autoplay. Tidak ada yang lebih cepat membuat pengunjung menutup tab selain suara atau video yang tiba-tiba berbunyi. Biarkan pengunjung yang memilih memutar — selain lebih sopan, ini juga mempercepat halaman.

    Checklist 10 Menit untuk Memeriksa Website Anda

    7 Kesalahan Website UMKM yang Bikin Peng ilustrasi 4

    Jangan buru-buru redesign total. Mulai dengan audit cepat ini:

  • ✅ Bisnis Anda bisa dijelaskan dalam 3 detik dari halaman depan?
  • 2. ✅ Satu CTA utama yang jelas di atas lipatan (termasuk mobile)?
  • 3. ✅ Nomor telepon + WhatsApp terlihat di header semua halaman?
  • 4. ✅ Navigasi maksimal 7 item, tanpa dropdown berlapis?
  • 5. ✅ Form kontak ≤ 3 field dengan label terlihat?
  • 6. ✅ Semua tombol ≥ 44×44 piksel, font ≥ 16px?
  • 7. ✅ Tidak ada scroll horizontal, tidak ada autoplay?
  • 8. ✅ Halaman dimuat < 3 detik di jaringan seluler?
  • 9. ✅ Testimoni/rating muncul di dekat titik keputusan?
  • 10. ✅ Harga atau estimasi harga ditampilkan (jika memungkinkan)?
  • Setiap jawaban “tidak” adalah satu kebocoran konversi. Tidak semuanya perlu diperbaiki sekaligus — mulai dari yang paling terasa: kecepatan, kontak yang terlihat, dan form yang pendek.

    Penutup

    Website bukan pajangan — ia alat kerja yang perlu dirawat. Saya selalu bilang ke klien: website UMKM yang bagus bukan yang paling indah, tapi yang membuat langkah berikutnya jelas di setiap titik perjalanan pengunjung. Perbaiki hierarki visual, pindahkan trust signal ke tempat yang tepat, rapikan navigasi, perbaiki pengalaman mobile, dan perceat halaman — lalu ukur hasilnya.

    Dan satu hal terakhir: jangan ragu minta pendapat orang yang belum pernah melihat website Anda. Perspektif orang luar adalah audit termurah yang bisa Anda beli. Jika Anda ingin audit mendalam untuk website UMKM Anda, antond.net melayani pembuatan dan perbaikan website UMKM — mulai dari diagnosis masalah sampai redesign penuh — silakan hubungi melalui form kontak atau WhatsApp di header situs ini.

    Posted in website