HitPay100%
HitPay cover
Overview · 2024

HitPay.

HitPay's marketing surface — the product pages 20,000+ SEA businesses land on. Framer-built, motion-polished.

FramerFramerNext.jsNext.jsReactReactTypeScriptTypeScriptTailwindTailwind

Problem

HitPay's product line spans Online Payments, Online Store, Invoicing, Recurring, In-Person POS, Payment Links, Cross-border and APIs. Each surface needs to feel like one product without flattening into a template.

Approach

I work in Framer with a hand-rolled component library: typography, motion primitives, layout grids. I design directly in-canvas (no separate Figma round-trip) and ship pages live. Animations are tuned per page so the product itself sets the pace.

Metrics

Product pages shipped
10+
Markets served
12 APAC
Businesses on platform
20k+
Role
Framer Developer

Notes

  • Framer at production scale forces opinionated choices about state and motion. The good ones live in the component library.
  • Cross-border was the most fun page to design — getting twelve flag-and-currency cards to feel like one cohesive map.