Interactive 3D Claw Machine Credit Card Landing Page DesignInteractive 3D Claw Machine Credit Card Landing Page Design
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Credit card landing page design for a fintech startup — an interactive 3D claw machine that turns the offer into the hero instead of another floating card at 15 degrees. Every card brand ships the same hero: a card hovering over a gradient. Clawd sells one card, not a marketplace, and the entire pitch is "stop comparing — we already did the comparing". So the landing page had to make a single-product offer read as a win rather than a shortage of options, and pull early-access sign-ups from people who are deliberate about money: the ones who actually track spending and read the APR line.
The metaphor does the positioning work. A claw machine that never misses, plus "we already picked the best one", means the visual is the argument and the headline doesn't have to explain itself. I built the scene in Blender as an interactive element rather than a still render — the claw follows the cursor, the card tilts in the grip, and the pile underneath reacts, so a visitor plays with the product's core idea for a few seconds instead of scrolling past it. Hero plus full page structure, desktop and mobile designed separately, the Blender scene with web-ready exports, interaction notes, and a developer-ready Figma file.
SABA's avatar
Top-tier visual hierarchy and hero concept. Great work! ✨
Mahmudul's avatar
honestly this is insane
Bella's avatar
Very sleek!
Afnan 's avatar
Outstanding work
Sodiq's avatar
Alao Sodiq logo
This is impressive
Sujon's avatar
Excellent work
Malan's avatar
Awesome work!
Mostafa's avatar
That's great idea it looks creative 🎉🎉
Tabish's avatar
The claw machine idea is brilliant. Finally a card hero that isn't just a card floating over a gradient.
Noah's avatar
Amazing
Picto's avatar
Picto Design Studio logo
Excellent work👏🔥🔥
Rafee 's avatar
The claw machine as the pitch is clever. Did the Blender scene hurt page performance much?
Kaushal's avatar
Love the vibe of this!
Cipher's avatar
This looks very impressive
Airzon's avatar
Loved it : )
Abhishek's avatar
I <3 Blender
Nadeem's avatar
Patrick's avatar
Really solid work
Sahil's avatar
Heloxone Design Studio logo
Fantastic work !
Vara's avatar
The claw machine idea is brilliant. It immediately explains why having only one card is a good thing instead of making you search through a huge list.
Yaroslav's avatar
nice work
Naim's avatar
Love this concept Kris! The 3D claw machine as hero is so much more engaging than the typical floating card. Super smart way to make fintech fun. How did you handle the interaction for mobile?
Tarik's avatar
WhiteFrame Creative logo
Excellent work!
Yeabsira's avatar
Victrex's avatar
Saeed's avatar
Excellent
Adeyemi's avatar
Grate workings U solve the problem
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started