I designed and built this landing page for Atelier. It was a fun exploration of shader-driven vis...I designed and built this landing page for Atelier. It was a fun exploration of shader-driven vis...
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
I designed and built this landing page for Atelier.
It was a fun exploration of shader-driven visuals, tactile textures, and motion. Using WebGL alongside GSAP opened up a lot of possibilities for creating interactions that feel more alive, immersive, and intentional, not just animated for the sake of it.
#GSAP #WebGL #Textures
Celia's avatar
Great work!!
JunHao's avatar
Impressive scroll animation! 👍
Alaa 's avatar
Amazing combination of WebGL and GSAP! The motion feels so organic and intentional, not just added fluff. Great job!
Sahil's avatar
Heloxone Design Studio logo
Great design !
Vara's avatar
Incredible tactile feel. Are the shader distortions purely mouse/scroll reactive, or do they run on an autonomous background time loop?
Mohamed Ayoub's avatar
Thank you. It is an autonomous loop but also reactive when you move the cursor.
Valentinus's avatar
shader plus GSAP usually reads busy, this one stays tactile
DESH's avatar
Outstanding design! 🏆
TRUEFRAME logo
the shader-driven textures are so cool. how long did that take?
Afsheen's avatar
It's too good
Fahad's avatar
Fahadconverts logo
Smoothh, fucking sexyy hero section
Back to feed
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