Semua Proyek
Landing HR SaaS

TopMatch

KlienToploker.com
Tahun2025
LayananWeb, UI/UX, Motion, SEO
TautanKunjungi

Tantangan

Audiens Toploker yang sudah ada adalah pencari kerja, tapi TopMatch menjual ke sisi sebaliknya: tim HR dan hiring manager yang memutuskan ke mana budget rekrutmen dialokasikan. Audiens itu butuh tiga hal dengan cepat — layanannya apa, harganya berapa, dan apakah ada pemakai yang kredibel. Menyembunyikan harga di balik form kontak, kebiasaan umum HR SaaS Indonesia, bikin pembanding harga kabur. Halamannya juga harus terasa lebih digarap daripada template, karena brand rekrutmen yang kelihatan murahan mengesankan kandidatnya juga dicari murahan.

Solusi

Kami bangun situs marketing Next.js 16 dan React 19 di atas Bun, disusun mengelilingi satu keputusan: value proposition, rincian layanan, paket harga transparan, lalu satu CTA yang kuat. Animasi ditangani Framer Motion dengan Lenis untuk smooth scroll, dipakai mengarahkan perhatian ke perbandingan paket, bukan sebagai hiasan. Karena seluruh halaman server-rendered dan digenerate statis, loading-nya cukup cepat untuk menjaga quality score iklan tetap tinggi — penting, karena porsi besar traffic HR SaaS itu dibeli, bukan organik.

TopMatch — 1
TopMatch — 2
TopMatch — 3

Teknologi

  • Next.js 16
  • React 19
  • Bun
  • Tailwind CSS
  • Framer Motion
  • Lenis
  • TypeScript
Hasil
HR SaaS

Diposisikan untuk pembeli rekrutmen sisi perusahaan

Pricing

Paket harga transparan langsung di landing page

Dirancang & dibangun oleh Manggala Code

WebUI/UXMotionSEO
Proyek Berikutnya

Conflow

Operasi Konten