HitPay
All projects
HitPay HitPay's marketing surface: the product pages 20,000+ SEA businesses land on. Framer-built, motion-polished.
hitpayapp.com active · 2024 · framer + next
hitpayapp.com
Facts
Facts Stack and numbers.
FramerNext.jsReactTypeScriptTailwind
- Product pages shipped
- 10+
- Markets served
- 12 APAC
- Businesses on platform
- 20k+
- Role
- Framer Developer
Problem
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
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.
Screen 1
Screen 2
Screen 3
Screen 4
Screen 5
Screen 6
Screen 7
Screen 8
Screen 9
Screen 10
Notes
Notes Things worth remembering from the build.
- 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.
References
References Where to see it, and what it's built on.
Keep going
