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
The future of e-commerce is immersive. I reimagined the product experience for Formaet. 🎨🌐
Body:
Modular art frames made from 100% recycled ocean plastic? That’s a vision I immediately connected with. Inspired by Formaet’s mission, I decided to build a high-performance 3D configurator from scratch to see how we could elevate their digital presence.
The goal: A premium, "Apple-style" product page that bridges the gap between digital art and seamless interactive shopping.
Technical highlights:
Tech Stack: Built with React, React Three Fiber, and GSAP for fluid, scroll-triggered animations.
Performance: Architected for 60fps across all devices, ensuring a smooth experience from desktop to mobile.
UX/UI: Focused on minimalism to keep the product at the center of the stage.
I’m a strong believer in building in public to solve real business problems. Whether it’s 3D product visualization or high-end web experiences, I’m always looking to push the boundaries of what the browser can do.
Check out the live demo here: https://formaet-ruddy.vercel.app/
I’d love to hear your thoughts on this approach to e-commerce!
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
Most tech landing pages rely on more sections, more copy, and more effects.
Blendr took the opposite approach.
We built a landing page experience around a custom 3D product model, cinematic animation, and a cleaner structure that lets the visuals carry the story naturally.
Sometimes stronger design means explaining less.
This was created with a design subscription from FANCY — and yes, we’re currently open to new projects.
Perfect!
Tiny launch day ✨
Prism is live on Product Hunt
It's a free browser-based tool that adds prismatic refractions and chromatic aberration to photos.
Upload an image → play with the settings → export your result.
I made it while building aftrglo — a bigger project to make sharing creative work online feel lighter. Prism is one small creative wander from that process. And today it gets its own little launch 🐣
Built for creatives who want to add that strange little something to a visual without opening heavy software.
It came from the same place as all my experiments:
I made something for myself,
kept playing with it,
then realized it might be useful for someone else too.
So I cleaned it up and decided to share it before the bigger project is ready.
Come play with it and let me know what you think 🪩
Curious to see what you make with it too, as the results can go from extra cool to wonderfully weird
Amazing design!
Some more 3d UI music elements I created for my upcoming project.
Awesome! I like to watch some synth-mixer videos sometimes, as designs can be awesome also (not a producer myself but yeah :) This one looks like mixing "monochromatic look of Swiss designs (like Teenage Engineering's OP1) and some other ones, great!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?