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

Which hero visual feels right for this brand?

While working on the homepage for Halfspace, a website design and SEO agency, I explored two different hero visuals for the same headline and layout. Same message, same structure, just a different visual metaphor and mood.

Option 1 - Rocket Launch. Bold, literal, and energetic, visually reinforcing the "launch your business" message with motion and fire.

Option 2 - Glass Cube. Abstract, sleek, and premium, giving a more refined, tech-forward feel without relying on a literal metaphor.

Would love your honest UX/UI take, which direction feels more impactful, memorable, and aligned with a web design/SEO brand, and why?

Both design are great; it's hard to choose one