Studi kasus · Website

Bali Property Care

Website yang tenang dan premium untuk perusahaan perawatan villa di Bali, dibuat untuk mengubah pengunjung menjadi permintaan penawaran.

Lingkup
Desain & development website
Teknologi
Astro + Tailwind CSS
Rilis
Oktober 2026
Bali Property Care: Hero
  • 16halaman
  • 4layanan
  • 3paket

Klien, Tantangan, Solusi

Klien

Perusahaan perawatan properti baru di Uluwatu dan Canggu: housekeeping, perawatan kolam, taman, dan pemeliharaan umum untuk villa, rumah, dan bisnis kecil.

Tantangan

Pemilik menyerahkan kunci, jadi kepercayaan adalah hal yang sebenarnya dibeli. Bisnisnya baru, belum punya banyak rekam jejak, dan sebagian besar pengunjung datang dari Instagram di ponsel.

Solusi

Situs yang menunjukkan bukti, bukan janji: contoh laporan foto, harga "mulai dari" yang jelas, form penawaran singkat, dan tombol WhatsApp di setiap halaman.

  1. Bali Property Care: Hero dengan dua aksi saja.

    Hero dengan dua aksi saja.

    Judul besar di tengah dengan dua foto hidup di dalamnya. Satu ajakan utama, tanpa keramaian.

    • Judul selalu pas dua baris dari ponsel sampai layar lebar
    • Minta penawaran atau chat WhatsApp
  2. Bali Property Care: Empat layanan, satu gaya.

    Empat layanan, satu gaya.

    Kartu foto tinggi yang seluruhnya bisa diklik, masing-masing menuju halaman layanannya sendiri.

    • Tiap halaman layanan punya contoh laporan dan FAQ
  3. Bali Property Care: Janji yang bisa dilihat.

    Janji yang bisa dilihat.

    Percakapan WhatsApp yang berputar di atas foto menunjukkan laporan foto setelah tiap kunjungan.

    • Pesan muncul satu per satu dengan indikator mengetik
    • Reduced-motion menampilkan seluruh chat sekaligus
  4. Bali Property Care: Harga "mulai dari" yang transparan.
    Bali Property Care: Harga "mulai dari" yang transparan. (2)

    Harga "mulai dari" yang transparan.

    Tiga paket dengan Rupiah dan referensi USD, plus tabel perbandingan. Harga diambil dari satu file JSON.

    • Tombol paket membuka form dengan paket terpilih
  5. Bali Property Care: Sebelum & sesudah yang bisa digeser.

    Sebelum & sesudah yang bisa digeser.

    Slider perbandingan mengubah pekerjaan menjadi bukti visual, ramah sentuh dan keyboard.

    • Foto contoh diberi label jelas sampai foto pekerjaan asli tersedia
  6. Bali Property Care: Form penawaran yang singkat.

    Form penawaran yang singkat.

    Fitur terpenting situs: satu halaman di desktop, tiga langkah pendek dengan progress bar di ponsel.

    • Validasi langsung di samping tiap field
    • Honeypot dan waktu isi minimum, tanpa captcha
  7. Bali Property Care: Sistem yang konsisten di semua halaman.

    Sistem yang konsisten di semua halaman.

    Halaman layanan, paket, area, tentang, dan FAQ memakai komponen yang sama, sehingga mudah ditambah.

    • Layanan, harga, FAQ, dan area disimpan di file JSON

08Di ponsel

Untuk pengunjung dari Instagram, di ponsel.

Setiap layout dimulai dari layar ponsel: target sentuh besar, header dengan tombol penawaran, dan tombol WhatsApp mengambang.

09Teknologi

Siap rilis, siap tumbuh.

Cepat

  • Halaman statis
  • Foto WebP dengan ukuran yang tepat dan lazy loading

Untuk pencarian

  • Satu H1 per halaman, judul dan deskripsi unik
  • Sitemap, robots, Open Graph
  • Data terstruktur LocalBusiness, Service, FAQ

Aksesibel

  • Kontras kuat dan navigasi keyboard
  • Teks alt deskriptif dan dukungan reduced-motion
  • Astro
  • Tailwind CSS
  • Leaflet + OpenStreetMap
  • Inter Tight

Foto di situs ini adalah foto contoh untuk keperluan desain, dan testimoni ditandai sebagai contoh, sampai foto dan ulasan asli tersedia.

Butuh website seperti ini?

Ceritakan bisnis Anda. Kami bantu memilih paket yang pas, dari landing page sampai sistem booking.

Chat dengan Sreative di WhatsApp (tab baru)