Day 6/30 of designing one hero section every day. Today: Fluff & Co., a dog grooming salon The he...Day 6/30 of designing one hero section every day. Today: Fluff & Co., a dog grooming salon The he...
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
Studio's avatar
Studio Meva
pro
• 1d
Day 6/30 of designing one hero section every day.
Today: Fluff & Co., a dog grooming salon
The hero is a hover mask reveal component on Framer: the dog starts scruffy, and wherever your cursor moves, the groomed version shows through. You groom the dog with your mouse.
→ The interaction performs the headline.
→ Playfulness matches the client.
6 down, 24 to go.
#webdesign #uidesign #herosection #30daychallenge #interactiondesign #microinteractions #designchallenge
UX DesignVisual DesignFramer
Mark's avatar
Mark Barliet
pro
• 1d
Tying the reveal to cursor position instead of a fixed hover state is what makes it a groom-your-own-dog interaction, not a before/after slider — the mess-to-clean feels earned rather than just toggled.
Nirooz's avatar
Nirooz Vp
• 1d
Nice animation
Celia's avatar
Celia | BEFAR Studio
max
• 2h
TOP 🙌
Tan's avatar
Tan | Wayrise
pro
• 2h
This is such an awesome challenge you're doing good luck with it man!! 🚀
Tahir's avatar
Tahir Mansuri
pro
• 2h
Great effect so nice to see and satisfying
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