CASE STUDY
Kem
MY ROLE
Interactive Frontend Engineering
Motion and Scroll Systems
3D and Scene Integration
Responsive Product Storytelling
CLIENT
Kem (via v21 Studio)
YEAR
2026
TECH STACK
OVERVIEW
Kem positioned itself as a modern finance product across stablecoin transfers, multi-chain movement, rewards, crypto cards, secure-wallet messaging, and gold exposure. The site needed to feel more like a product experience than a conventional fintech landing page.
I worked across the frontend to build the full marketing platform: cinematic hero, horizontally scrolling discovery section, trust and backing layer, gold-investing story, app showcase scenes, 3D card presentation, explainer content, blogs, FAQ, and download-focused closing surfaces.
A big part of the work was balancing motion with usability. The build mixes Framer Motion, GSAP, Lenis, Unicorn scenes, Embla carousels, and a lazy-loaded Spline scene while still adapting the storytelling for mobile and desktop with different interaction patterns.
WHAT I OWNED
- -Built the landing-page flow across hero, discover, trust, gold, app showcase, cards, how-to-use, blogs, FAQ, and footer download sections.
- -Implemented section-specific interaction systems such as scroll-linked parallax, horizontal feature discovery, GSAP-controlled video and phone reveals, click-to-jump showcase scenes, and responsive carousel behavior.
- -Integrated multiple visual systems including Unicorn scenes for hero and app storytelling, a lazy-loaded Spline card experience, and shared reveal-motion patterns across the page.
- -Handled responsive navigation, smooth-scrolling behavior, CTA surfaces, trust messaging, support blocks, and content-led sections so the experience stayed cohesive from entry to download.
KEY OUTCOMES
- -Turned a broad stablecoin, cards, and gold narrative into a more cinematic frontend experience than a standard fintech marketing site.
- -Connected discovery, trust, investing, everyday spending, education, and support into one coherent scroll journey.
- -Shipped a frontend system with reusable motion, scene-integration, and responsive storytelling patterns across the entire landing page.
Hero and Product Positioning
Discover Kem Features
Trust and Backing Layer
Invest in Gold Storytelling
App Showcase and Money Movement
Kem Infinity Cards
How To Use the Platform
Blogs and Features
FAQ and Support
Footer and Download Surfaces
