Bagi developer web maupun pemilik bisnis properti, Lariz Property (larizproperty.com) menarik dijadikan studi kasus. Situs pemasaran rumah di kawasan Depok, Bogor, dan Jakarta ini dibangun di atas WordPress dengan page builder Elementor, lengkap dengan fitur lead-generation berbasis WhatsApp, kalkulator finansial, dan tampilan yang benar-benar berbeda antara desktop dan mobile. Artikel ini membedah fitur, stack teknologi, serta perbedaan UI desktop vs mobile-nya — cocok jadi referensi bila Anda sedang merancang landing page properti serupa dengan WordPress + Elementor.
Sekilas Tentang Lariz Property
Lariz Property adalah agen sekaligus platform listing properti yang beroperasi sejak 2017, dengan fokus wilayah Depok, Bogor, dan Jakarta. Alih-alih hanya menampilkan katalog rumah statis, situs ini dirancang sebagai funnel penjualan aktif: pengunjung diarahkan untuk chat WhatsApp, mengisi form "titip jual", atau menghitung simulasi KPR sebelum menghubungi agen.
Fitur Utama Website
Berikut fitur-fitur inti yang ditemukan pada larizproperty.com:
1. Form "Nitip Properti" (Titip Jual)
Form multi-field (jenis properti, lokasi, harga, luas tanah/bangunan, kamar tidur/mandi, nomor WhatsApp) yang hasil inputnya langsung dikirim sebagai pesan terformat ke WhatsApp admin. Ini menghindari kebutuhan database lead terpisah dan mempercepat respons agen.
2. Form "Bantu Cari Properti"
Form kebutuhan pembeli — lokasi diinginkan, cara bayar (Cash, KPR, Cash Bertahap), hingga rentang budget (mulai di bawah Rp300 juta sampai di atas Rp5 miliar) — juga dikirim otomatis via WhatsApp.
3. Listing & Filter Properti
Bagian listing memiliki filter kategori (Semua, Sewa, Take Over, Tanah), filter kota, dan kolom pencarian kata kunci. Listing terbaru dimuat secara dinamis (terlihat dari status loading/error saat data gagal diambil), mengindikasikan pengambilan data via AJAX/REST API, bukan halaman statis.
4. Kalkulator Simulasi KPR
Widget interaktif untuk menghitung estimasi cicilan berdasarkan bank pilihan (BTN, Mandiri, BNI, BRI, Muamalat, BSI), harga properti, uang muka, tenor (5–30 tahun), dan suku bunga — memberi hasil pokok pinjaman, total bunga, dan cicilan per bulan secara instan tanpa reload halaman.
5. Kalkulator Simulasi Pajak Jual Beli
Fitur yang cukup jarang ditemui di situs properti kelas menengah: kalkulator estimasi PPh final penjual (2,5%), BPHTB pembeli (5% dari NPOP dikurangi NPOPTKP Rp80 juta), biaya AJB/notaris (±1%), hingga PPN 11% bila penjual berstatus developer/PKP.
6. Tim Agen dengan Tombol Chat Langsung
Setiap agen ditampilkan dengan foto, nama, jabatan, dan tombol "Chat" yang terhubung langsung ke nomor WhatsApp pribadi masing-masing (wa.me/62...) — bukan satu nomor CS generik.
7. Trust Signal di Hero Section
Hero menampilkan angka listing aktif, jumlah kota coverage, dan skor kepuasan klien (98%) sebagai social proof di atas fold, mendorong konversi sejak detik pertama.
Teknologi yang Digunakan
Berdasarkan penelusuran meta tag dan struktur halaman, berikut stack teknologi larizproperty.com:
- CMS: WordPress — fondasi konten dan manajemen halaman.
- Page Builder: Elementor (versi 4.2.3) — seluruh layout hero, form, kalkulator, dan listing disusun lewat Elementor, bukan tema custom-code penuh.
- Elementor Custom Breakpoints — situs ini mengaktifkan fitur additional custom breakpoints milik Elementor, yang memungkinkan pengaturan layout berbeda secara presisi untuk beberapa ukuran layar sekaligus. Fitur inilah yang menjadi kunci mengapa tampilan mobile-nya tidak sekadar "menyempit", tapi benar-benar disusun ulang (lihat bagian berikutnya).
- Ikon SVG (e_font_icon_svg) — Elementor pada mode ini merender ikon sebagai SVG inline, bukan font-icon, sehingga ikon lebih tajam di layar retina dan tidak memicu render-blocking font tambahan.
- Google Fonts dengan
font-display: swap— font eksternal dimuat secara asinkron agar teks tetap tampil (fallback font) selagi font utama masih diunduh, mengurangi risiko invisible text saat loading. - CSS Print Method: External — Elementor dikonfigurasi mengekspor CSS ke file statis terpisah alih-alih inline, yang lebih ramah caching browser dan biasanya berkorelasi dengan skor Core Web Vitals yang lebih baik.
- Integrasi WhatsApp (wa.me) — semua CTA, form, dan tombol chat agen memakai skema link
wa.me, kemungkinan dikombinasikan dengan plugin WhatsApp chat atau JavaScript kustom untuk memformat pesan otomatis dari isian form. - Facebook Pixel — dipasang untuk pelacakan konversi, menandakan situs ini juga dipakai sebagai landing page kampanye iklan berbayar (Meta Ads).
- Pemuatan Listing via AJAX — bagian listing properti memiliki status loading dan pesan error ("Gagal memuat listing"), ciri khas data yang diambil secara asinkron dari REST API WordPress atau custom endpoint, bukan di-render langsung di HTML awal.
Kombinasi ini cukup umum dipakai developer WordPress untuk klien UMKM/agen properti: WordPress + Elementor memberi kecepatan pengembangan dan kemudahan editing konten oleh non-developer, sementara kalkulator dan form WhatsApp ditambahkan lewat widget kustom atau plugin form builder yang di-hook ke Elementor.
Perbedaan Tampilan Desktop vs Mobile
Yang menarik dari larizproperty.com adalah navigasinya tidak sekadar responsif secara proporsional, tapi memakai pola navigasi yang berbeda di tiap perangkat — pendekatan yang lebih mendekati aplikasi native daripada situs WordPress pada umumnya.
| Aspek | Tampilan Desktop | Tampilan Mobile |
|---|---|---|
| Navigasi utama | Menu horizontal di atas: Listing, Kategori, Nitip Jual, Bantu Cari, Simulasi KPR, Pajak Jual Beli, Tentang Kami | Bottom tab bar ala aplikasi mobile: Home, Depok, Bogor, Jakarta, Nitip, Cariin, Agen, Semua Kategori |
| Prioritas konten | Menu berbasis fitur (fungsi situs) | Menu berbasis lokasi (kota) — mempercepat pencarian rumah sesuai area tanpa perlu scroll |
| Layout listing | Grid multi-kolom, beberapa properti terlihat sekaligus | Kolom tunggal, kartu properti ditumpuk vertikal agar mudah di-scroll satu tangan |
| Form "Nitip"/"Bantu Cari" | Modal lebar dengan field berdampingan | Modal penuh layar (full-screen), field disusun satu per baris |
| CTA WhatsApp | Tombol "Konsultasi Gratis" di navbar | Diringkas ke ikon/menu "Cariin" & "Agen" pada tab bar bawah agar tetap terjangkau ibu jari |
Perbedaan ini dimungkinkan berkat fitur additional custom breakpoints Elementor yang disebutkan di bagian teknologi — developer bisa mendefinisikan lebih dari breakpoint standar (misalnya bukan cuma "mobile/tablet/desktop", tapi titik-titik tambahan) sehingga elemen tertentu bisa disembunyikan, diganti, atau disusun ulang total, bukan sekadar diperkecil. Pola bottom navigation bar di mobile ini juga sejalan dengan prinsip UX yang menempatkan aksi utama pengguna dalam jangkauan ibu jari (thumb zone) pada layar sentuh.
Video Ulasan / Demo
Untuk melihat langsung bagaimana fitur dan tampilan di atas berjalan, simak video berikut:
Versi Desktop
Versi Mobile (YouTube Shorts)
Berikut demo singkat tampilan Lariz Property saat diakses lewat ponsel, termasuk pola navigasi bottom tab bar yang dibahas pada tabel perbandingan di atas:
Tanya Jawab Seputar Lariz Property
Apakah Lariz Property dibangun dengan WordPress?
Ya. Berdasarkan meta tag generator pada kode sumbernya, situs ini memakai WordPress dengan page builder Elementor versi 4.2.3.
Mengapa tampilan menu mobile Lariz Property berbeda dari desktop?
Karena developer memanfaatkan fitur custom breakpoints Elementor untuk merancang navigasi khusus mobile berupa bottom tab bar berbasis lokasi kota, alih-alih hanya menyusutkan menu desktop menjadi hamburger biasa.
Fitur apa yang paling unik dari situs properti ini?
Dua kalkulator interaktifnya: simulasi cicilan KPR multi-bank dan simulasi pajak jual-beli properti (PPh, BPHTB, PPN) — fitur yang jarang tersedia di website agen properti skala menengah.
Apakah pola desain ini bisa diterapkan di website WordPress lain?
Bisa. Kombinasi WordPress + Elementor + custom breakpoint + widget kalkulator kustom + integrasi WhatsApp adalah stack yang umum diadopsi developer freelance/agensi untuk klien UMKM, properti, atau jasa lokal yang mengandalkan closing via chat.
Website Ini Dibuat oleh @sudarmaster
Website Lariz Property dibangun oleh @sudarmaster, developer web yang fokus di WordPress, WooCommerce, dan Elementor. Portofolio lengkap serta layanan lainnya bisa dilihat di sudarmaster.com.
Butuh website serupa untuk bisnis properti, toko online, atau company profile Anda?
Tersedia jasa pembuatan website WordPress + WooCommerce + Elementor, lengkap dengan fitur custom seperti form WhatsApp otomatis, kalkulator interaktif, dan tampilan mobile yang dirancang khusus (bukan sekadar responsif).
Artikel ini adalah hasil observasi independen terhadap struktur publik website larizproperty.com per Agustus 2026 untuk tujuan edukasi teknis, bukan konten berafiliasi.