Lewati ke konten

Studi kasus Kakang AC

Katalog sewa AC yang mengantar pencarian Google ke chat WhatsApp.

Website katalog untuk bisnis sewa AC di Bandung. Pengunjung menelusuri unit, menyaring sesuai kebutuhan, lalu menghubungi pemilik lewat WhatsApp dengan pesan yang sudah terisi.

Bisnis
Sewa AC di Bandung
Peran penulis
Freelance — desain & pengembangan
Periode
2025 — sekarang

Ditulis oleh Asep Jaenudin Sutarji, pendiri Sutarji Co, tentang pekerjaannya sendiri.

kakangac.id
Beranda situs Kakang AC: sewa AC dan mistyfan blower di Bandung Raya
Situs Kakang AC di layar ponsel
skor performa Lighthouse mobile (beranda, build lokal)
99
skor aksesibilitas Lighthouse
100
ukuran muatan beranda, 501 → 227 KiB
−55%
URL di sitemap
30

01Tantangan

Ditemukan, lalu dihubungi.

Bisnis sewa AC hidup dari dua hal: ditemukan saat orang mencari “sewa AC Bandung”, dan dihubungi secepat mungkin setelah itu. Pemiliknya tidak butuh keranjang belanja — yang dibutuhkan adalah katalog yang jelas dan jalan pintas ke WhatsApp.

Jadi situs ini dirancang sebagai corong sederhana: halaman yang mudah ditemukan Google, katalog yang mudah disaring, dan tombol yang membuka percakapan dengan pesan sudah terisi.

02Yang saya bangun

Corong sederhana dari Google ke WhatsApp.

kakangac.id · katalog
Katalog unit AC di situs Kakang AC dengan pencarian, chip kategori, dan kartu produk

Katalog yang gampang dipakai

  • Chip kategori satu ketukan, kolom pencarian, dan filter berlabel — semuanya dihasilkan langsung dari data produk.
  • Filter berjalan seketika di browser, sekitar 65 ms tanpa menunggu server, dan URL-nya tetap bisa dibagikan.
  • Halaman detail tiap unit punya galeri yang bisa digeser dan hanya menampilkan spesifikasi yang terisi.

Dari pengunjung menjadi chat

  • Tanpa keranjang atau checkout: setiap CTA membuka WhatsApp dengan pesan sesuai unit yang sedang dilihat.
  • Tombol pesan selalu terlihat di kartu produk, dan halaman produk punya bar CTA di bagian bawah layar HP.
  • Klik WhatsApp dan klik telepon tercatat sebagai event lead di GA4.
  • Halaman lokasi dengan peta untuk pelanggan yang ingin datang langsung.

Fondasi SEO lokal

  • Empat halaman layanan dan enam halaman area — Bandung, Cimahi, Lembang, dan sekitarnya — masing-masing dengan konten unik.
  • Blog, canonical per halaman, dan sitemap 30 URL dengan tanggal konten yang nyata.
  • Data terstruktur dengan satu entitas bisnis, tanpa harga palsu.
  • Audit SEO teknis menemukan dan memperbaiki 5 masalah kritis: robots.txt, domain kanonis, title, schema, dan meta description.

Cepat dan nyaman di HP

  • Audit UI/UX di layar 360 px menemukan enam masalah utama — dari tombol yang hanya muncul saat hover sampai menu yang tidak menutup — dan semuanya diperbaiki.
  • Beranda kini halaman statis yang disajikan dari CDN, bukan dirender ulang di server pada setiap kunjungan.
  • JavaScript awal beranda turun dari 157 kB ke 102 kB; total muatan dari 501 KiB ke 227 KiB.
  • Kontras tombol WhatsApp naik dari 1,98 ke 7,5, target sentuh minimal 44 px, dan fokus keyboard terlihat.

03Teknologi & ukuran

Ringan, cepat, mudah dirawat.

  • Next.js 13 (App Router)
  • React 18
  • TypeScript
  • Tailwind CSS
  • Headless UI
  • Vercel

Angka kecepatan diukur dengan Lighthouse mobile pada build produksi lokal (median tiga kali jalan), bukan dari data pengunjung nyata. Soal SEO, tidak ada yang bisa menjanjikan peringkat satu — yang saya kerjakan adalah setiap faktor yang bisa dikendalikan, lalu diukur lewat Search Console dan GA4.

Tulisan terkait

Tulisan yang memakai studi kasus ini.

Semua tulisan
  1. SEO lokal

    SEO lokal: agar usaha jasa mudah ditemukan di kota sendiri.

    Baca 6 menit

    Usaha jasa dicari dengan nama layanan dan nama kota. Urutan kerja SEO lokal: halaman layanan, halaman area, Profil Bisnis Google, dan tombol WhatsApp.

  2. Konsultasi IT

    Digitalisasi UMKM: mulai dari mana?

    Baca 5 menit

    Digitalisasi tidak dimulai dari aplikasi. Enam langkah: petakan masalah, pilih antara merapikan, menyambungkan, atau membangun, lalu kerjakan bertahap.

  3. SEO teknis

    Kenapa website bisnis tidak muncul di Google?

    Baca 6 menit

    Website sudah jadi tapi tidak muncul di Google? Lima penyebab teknis yang paling sering: robots.txt, domain kanonis, title, schema, dan meta description.

Layanan

Butuh hal serupa untuk bisnis Anda?

Semua layanan
  1. 01

    Website dengan fondasi SEO Jasa pembuatan website

    Situs yang cepat dan rapi di mata Google, yang mengantar pencari langsung ke WhatsApp Anda — termasuk mengaudit dan memperbaiki situs yang sudah ada.

Studi kasus berikutnyaYoora SarahSatu ekosistem, dari etalase sampai lantai produksi.
04Kontak

Ingin bisnis Anda tumbuh? Ceritakan dulu kondisinya.

Tidak perlu dokumen rapi atau istilah teknis. Cukup ceritakan tujuan Anda dan apa yang paling merepotkan hari ini — dari situ kita lihat langkah teknologi mana yang paling masuk akal.

Kabupaten Cianjur, Jawa Barat · WIB (UTC+7)

Berbasis di Cianjur dan melayani klien di seluruh Indonesia. Untuk klien di luar Cianjur, pertemuan langsung tetap bisa diatur.

Brief kilat · 30 detik

Saya ingin dibantu soal…
Kondisi saat ini

Pratinjau pesan

Halo Sutarji Co, Saya ingin berdiskusi tentang bisnis saya.

Tidak ada data yang disimpan di situs ini. Pesan baru terkirim setelah Anda menekan kirim di aplikasi Anda sendiri.

Diskusikan bisnis Anda