All Projects
HR SaaS Landing

TopMatch

ClientToploker.com
Year2025
ServicesWeb, UI/UX, Motion, SEO
LinkVisit Site

The Challenge

Toploker's existing audience was job seekers, but TopMatch sells to the other side of the market: HR teams and hiring managers deciding where to spend a recruitment budget. That audience wants three things quickly — what the service does, what it costs, and whether anyone credible uses it. Burying pricing behind a contact form, the default for Indonesian HR SaaS, loses the comparison shopper. The page also had to feel more considered than a template, because a recruitment brand that looks cheap implies candidates who were sourced cheaply.

The Solution

We built a focused Next.js 16 and React 19 marketing site on Bun, structured around a single decision: value proposition, service breakdown, transparent plans, then one strong call to action. Motion is handled by Framer Motion with Lenis for smooth scrolling, used to guide attention through the pricing comparison rather than as decoration. Because the whole page is server-rendered and statically generated, it loads fast enough to keep paid-ad quality scores high — which matters when a large share of HR SaaS traffic is bought rather than earned.

TopMatch — 1
TopMatch — 2
TopMatch — 3

Technologies

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

Positioned for employer-side recruitment buyers

Pricing

Transparent published plans on the landing page

Designed & engineered by Manggala Code

WebUI/UXMotionSEO
Next Project

Conflow

Content Operations