Interactive Web Design: Scroll & Mouse-Tracked Video Reveal

Interactive Web Design: Scroll & Mouse-Tracked Video RevealInteractive Web Design: Scroll & Mouse-Tracked Video Reveal

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

Khadijah (Dija) 💥

pro

• Jun 6

Day 17/30 ✦ Designing interactive websites every day for 30 days.

This build features a Scroll-Scaled Video Reveal with Mouse-Tracked Floating and Cinematic Zoom Entry, where a tiny preview drifts with your cursor then expands to full screen as you scroll.

Claude Figma Google Antigravity webdesign Web Development AI Agent Designer

Anky C.

pro

• Jun 2

Finally dropping this case study. ✦ Really enjoyed shaping this experience.🚀 Check it out

Figma Framer Slack

Huzaifa Asim

pro

• Jun 2

amazing

Nikki Jennings

• Jun 2

Cloud is a community-led cannabis brand built around inclusion, culture and education. They wanted an identity that felt bold and welcoming with loads of personality, but still trustworthy enough for something you're actually putting in your body.

That balance was the tricky bit. We didn't want it to feel too clinical, but it couldn't tip into novelty either.

So we leaned into big, confident type and a soft cloud world to give it warmth, then grounded everything with navy and clean layouts to keep it feeling grown up. The bright palette does the heavy lifting on the fun, community side.

It runs right across the range too, from tinctures to drinks to flower, so it always reads as Cloud no matter which product you pick up.

Brand identity, packaging and art direction.