Fitur company profile: empat section yang menghasilkan lead

Company profile yang baik bukan brosur online — ia mesin penghasil prospek. Dari beberapa build compro klien (properti, lembaga pelatihan, B2B), empat section ini yang benar-benar menggerakkan angka: hero dengan proposisi jelas, strip kepercayaan, testimoni, dan form lead yang pendek. Klik Lihat preview untuk melihat keempatnya dirangkai.

1. Hero: 5 detik untuk menjawab “situs apa ini?”

Rumusnya: apa yang kamu lakukan + untuk siapa + satu aksi. Bukan tagline puitis.

<section class="border-b border-line bg-base px-6 py-16 text-center">
  <p class="font-mono text-[11px] uppercase tracking-[0.2em] text-accent">
    Kontraktor Interior — Jabodetabek
  </p>
  <h1 class="mx-auto mt-4 max-w-2xl font-display text-4xl font-semibold tracking-tight">
    Interior kantor selesai tepat waktu, tanpa drama anggaran.
  </h1>
  <p class="mx-auto mt-4 max-w-xl text-[15px] text-muted">
    120+ proyek fit-out sejak 2015 untuk perusahaan yang tidak bisa menoleransi keterlambatan.
  </p>
  <a href="#kontak" class="btn-primary mt-8">Konsultasi Gratis</a>
</section>

Uji sederhananya: tutup logo dan nama perusahaan — apakah headline-nya masih menjelaskan bisnisnya? Kalau tidak, tulis ulang.

2. Strip kepercayaan: angka mengalahkan kata sifat

“Berpengalaman dan terpercaya” tidak berarti apa-apa. Angka spesifik berarti segalanya:

<section class="grid grid-cols-3 gap-px border-b border-line bg-line text-center">
  <div class="bg-base py-8">
    <p class="font-display text-3xl font-semibold">120+</p>
    <p class="mt-1 font-mono text-[10px] uppercase tracking-[0.18em] text-muted">Proyek selesai</p>
  </div>
  <div class="bg-base py-8">
    <p class="font-display text-3xl font-semibold">9 thn</p>
    <p class="mt-1 font-mono text-[10px] uppercase tracking-[0.18em] text-muted">Beroperasi</p>
  </div>
  <div class="bg-base py-8">
    <p class="font-display text-3xl font-semibold">98%</p>
    <p class="mt-1 font-mono text-[10px] uppercase tracking-[0.18em] text-muted">Tepat waktu</p>
  </div>
</section>

3. Testimoni yang bisa dipercaya

Testimoni anonim (“Bapak A, Jakarta”) justru menurunkan kepercayaan. Formatnya harus: kutipan spesifik + nama lengkap + jabatan + perusahaan:

<figure class="border border-line bg-base p-6">
  <blockquote class="text-[15px] leading-relaxed">
    "Fit-out 800m² selesai 3 hari lebih cepat dari jadwal. Laporan progres
    masuk tiap Jumat tanpa diminta."
  </blockquote>
  <figcaption class="mt-4 flex items-center gap-3">
    <span class="flex h-9 w-9 items-center justify-center rounded-full bg-accent-soft
                 font-display text-sm font-semibold text-accent-strong">RS</span>
    <span>
      <span class="block text-[13px] font-semibold">Rina Susanti</span>
      <span class="block text-[12px] text-muted">GM Operasional, PT Maju Bersama</span>
    </span>
  </figcaption>
</figure>

4. Form lead: setiap field tambahan = prospek hilang

Tiga field cukup: nama, WhatsApp, kebutuhan. Email opsional, alamat lengkap tidak perlu — itu urusan setelah chat pertama:

<form method="post" action="/lead" class="space-y-4">
  <input name="nama" required placeholder="Nama"
         class="w-full border border-line bg-base px-4 py-3 text-[14px]" />
  <input name="wa" required inputmode="tel" placeholder="Nomor WhatsApp"
         class="w-full border border-line bg-base px-4 py-3 text-[14px]" />
  <select name="kebutuhan" class="w-full border border-line bg-base px-4 py-3 text-[14px]">
    <option>Fit-out kantor</option>
    <option>Renovasi</option>
    <option>Konsultasi dulu</option>
  </select>
  <button class="btn-primary w-full">Minta Penawaran</button>
  <p class="text-center font-mono text-[10px] text-muted">Dibalas dalam 24 jam kerja</p>
</form>

Di sisi server, pola form kontak HTMX situs ini (lihat build note-nya) bisa dipakai persis: validasi server, kirim notifikasi, simpan lead.

Pelajaran

• Urutan section = urutan keberatan calon klien: “ini siapa?” → “bisa dipercaya?” → “kata orang lain?” → “oke, hubungi”.
• Satu CTA diulang konsisten (“Konsultasi Gratis”) mengalahkan lima CTA berbeda yang saling bersaing.
• Compro yang bagus diukur bukan dari keindahannya, tapi dari jumlah lead per bulan — pasang tracking dari hari pertama.