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
Back to feedPost
Title: Portal VR — Motion-First Hero Section That Sells in 3 Seconds
Description: Most landing pages explain the product. This one sells it before the visitor even finishes reading.
A fully animated hero section for a VR product launch — designed on one rule: if it doesn't grab attention in the first 3 seconds, it's dead on arrival.
Why it works:
Motion instead of a static image — the eye has no choice but to follow it
Cyberpunk visual identity — bold orange/blue contrast that feels premium, not generic
Copy that hits in 5 words or less — no fluff, no over-explaining
One CTA. Zero distractions. Zero decision fatigue for the visitor. This is what a hero section should do: stop the scroll, sell the vision, and get the click — all before the fold.
Tools: Figma → Motion Design
I build landing experiences that don't just look good — they move people to act. Currently taking on select VR, gaming, and futuristic product brands.
Tags:
Motion Design, Hero Section, Landing Page Design, UI/UX Design, Cyberpunk Design, VR Design, Web Design, Animation, Product Design, Framer Development
Love the bold use of cyberpunk colors! How do you decide on the perfect motion elements to capture attention so quickly?
Thank you! I actually made this in Canva using just one motion effect. I kept it simple and focused on making the movement complement the visual rather than adding too many animations.
The high-contrast cyberpunk palette instantly sets the VR vibe. Did you prototype the motion interactions directly in Figma or build them out in Framer?
Thank you so much! I’m really glad you liked the cyberpunk/VR direction!
I actually created this concept in Canva, but I can also take the same visual direction much further with interactive motion. I can build the prototype animations directly in Figma, or create a fully...
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
Challenges
View all
Related posts
really like the calm feel of this one
Some quick mockups for Relay, an AI infrastructure platform concept built around model routing, observability, and performance.
Exploring what a mobile command center could look like for teams managing multiple AI models, with a focus on clear data, fast decisions, and a developer-first UX.
Product design, mobile UI, AI tools, and a little systems thinking all in one.
the blue dots and orange blocks pop. did you build this in Framer?
Toadrinks - Brand Identity
Excited to share TOADRINKS, a conceptual gut-friendly soda brand made for a lighter, more enjoyable way to sip. Built around playful personality, bold flavours, and a character-led visual world, the brand aims to make better-for-you choices feel fun rather than functional.
I'd love to hear your thoughts in comments!
The character-led route is exactly right for a gut-friendly soda: a playful mascot makes better-for-you feel like a treat instead of a health lecture, which is the whole positioning. Giving each can its own toad pose turns the mascot into a cast you can stretch across flavours and social, not just a logo.