Studio
All projects
Studio Studio's marketing surface: the product pages 20,000+ SEA businesses land on. Framer-built, motion-polished.
https://github.com/JivsckoActive2024Fintech marketing site
https://github.com/Jivscko
Facts
Facts Stack and numbers.
- Status
- Active
- Year
- 2024
- Kind
- Fintech marketing site
- Built with
- framer + next
- Framer
- Next.js
- React
- TypeScript
- Tailwind
- Product pages shipped
- 10+
- Markets served
- 12 APAC
- Businesses on platform
- 20k+
- Role
- Framer Developer
Problem
Problem
Studio'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.
Screens
Screens How it looks, screen by screen.
1 / 11Notes
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
