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.

nice work

You leaned toward Atmospheric in my last taste test, so I took it beyond the hero.

Here’s the full homepage for the same fictional lighting studio, with two different scroll experiences: Fluid and Cinematic.

Which one makes you want to keep exploring?

Continuing from this post: https://contra.com/community/KacW2yxF-homepage-design-comparison-product-photography-vs

I can't recognizable the difference but both of them are great 🎉🎉