Built this hero section in Webflow as another interaction and animation practice exercise. This t...

Built this hero section in Webflow as another interaction and animation practice exercise. This t...Built this hero section in Webflow as another interaction and animation practice exercise. This t...

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

Raja Zubair

• Jul 24

Built this hero section in Webflow as another interaction and animation practice exercise. This time, I recreated an online hero section design, customized it with my own visuals, content, and assets, and then developed it entirely in Webflow. The main goal wasn't to create a new design, but to improve my implementation skills by recreating the layout and interactions as accurately as possible. This was mainly an opportunity to practice: • Page load animations • Smooth interactions • Responsive layouts • Element positioning and layering • Building premium-looking experiences in Webflow Every practice project helps me better understand how to turn static designs into interactive experiences. Feedback is always welcome! #Webflow #WebflowDeveloper #InteractionDesign #WebDesign #UIDesign #NoCode #FrontendDevelopment

Farman Haris

• Sep 7

NOTE: I mistakenly edited the video individually on other editor previously and submitted entries with good engagement. Today on last day I got to know that what were the challenge guidelines were to edit in Descript editor. But anyhow that's my first time in any challenge and I believe that's how we learn. Here's my new entry with no expectations: Entry: Want to give your website hero section that polished, premium look? Watch this quick tutorial.

Nothing complicated! duplicate the some layers, flip em, add some blur, and fade it with a gradient.

The interesting part is getting the opacity and blur right so it actually feels like a reflection instead of a blurry copy sitting underneath.

Sharing the process as part of the Contra × Descript Challenge.

Hope it’s useful.

descriptchallenge

Md Abdur Rouf

• Sep 9

So creativity design

Prem Shandilya

pro

• Sep 7

Today I've created this x.crop hero section, The hero background is created using the Vision Engine and rest of the Layout is created in Framer! 🤍 ⬇️ What would you rate this hero out of 10 ?