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
SYS.INFECTED — Interactive 3D Web Experience
An interactive 3D landing page designed to turn passive visitors into active players through gamified storytelling.
Highlights:
Playable Preloader: Mini-game during asset loading to eliminate drop-off.
3D Scrollytelling: Scroll-driven camera paths, particle bursts, and dynamic lighting.
Hardware Detection UI: Interactive controller sync (DualSense, Xbox, Steam).
High Conversion: Structured user flow leading directly to Early Access sign-up.
Tech Stack: WebGL / Three.js · GSAP · UI/UX Design
Role: Creative Developer & 3D Web Designer
💼 Need an immersive 3D website for your product or game launch? Let’s work together on Contra.
Live : https://landing-page-ctrlr-club.vercel.app/
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
Related posts
Figma Football
An unofficial football concept inspired by Figma and its visual language.
The ball was created using a custom 3D generator I built in ChatGPT, with animated interface icons and graphics developed with Claude.
Part design experiment, part exploration of how custom AI-powered tools can become part of the creative process.
The interface icons translate surprisingly well into a football identity.
Two visual directions for the same brief. Which do you prefer?
2 voted
29%
5 voted
71%
7 votes
Closed
Direction A is more better to me it feels modern professional cartoony style that's impressive ❤️❤️
Great job Ayoub🔥🔥
I designed and built Shiplog, a free Framer template that helps founders launch in public and grow a waitlist before launch day.
The problem: Most pre-launch pages give visitors nothing to follow. People sign up once and forget the product exists.
My approach: A launch page built around progress people can watch. Visitors see a live countdown, a dated build log, a public roadmap with votes and a note from the founder. That gives them a reason to sign up and come back.
What’s inside
• Waitlist forms in the hero and in the closing section, plus a countdown and a progress bar
• A build log and a roadmap, both managed from the Framer CMS
• A product preview section and FAQ
• Light and dark modes, plus desktop, tablet and phone layouts
Design choices: a bold headline font with a yellow highlighter on key phrases, and monospaced labels for dates and status.
Free on the Framer Marketplace: https://incredible-tone-549125.framer.app/
Launching soon? I design and build launch pages, SaaS sites and custom Framer components. Message me here on Contra or email asadhussainsyedi101@gmail.com.
A dated build log is a smart answer to the dead waitlist problem, it gives people a reason to come back before there is a product. The monospaced labels for dates and status is a nice touch too, it makes the progress feel real rather than decorative.