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
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
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.
Thanks!
Thank you :)
TOP 🙌
Thank you!
This is such an awesome challenge you're doing good luck with it man!! 🚀
Thank you!
Great effect so nice to see and satisfying
Thank you!
grooming the dog with my mouse is so cute. day 6 of 30, keep going
Thank you Benjamin!
Six days in and already doing hover-based reveals is ambitious. What's your plan for this interaction on mobile where hover doesn't really exist, tap to reveal, or something else entirely?
Great question!
The nice thing about this particular mechanic is that it translates almost 1:1: on touch devices the mask follows touchmove instead of mousemove, so your finger becomes the groomer. Dragging across the dog paints the fluff in directly, arguably more satisfying...
Thank you so much!
The handwritten purple accents give this a friendly salon feel, and the booking CTA stays easy to spot beside the playful reveal. Nice to see the interaction support the service without taking over the whole hero.
Thank you Rohan!
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
$10K earned on Contra. 🎉💸
Grateful for every client who took a chance on me. This is just the beginning. More great products, more real partnerships, more milestones to hit. 🙌
Thank you to everyone who's been part of it. Onward. 🚀
#10k #contraearnings #Freelance #Webflow #Framer #Webdesign
Congratulations nice job 🎉🎉
All Eyes on You!!👀
100 eyes. One cursor. And absolutely nowhere to hide.
Built for the Rive Halloween Challenge with RML, Luau, and WGSL shaders.
looking scary af 🔥
I Just Created NOIRÉ 🔥
A Coffee Brand Built Around the Pause.
NOIRÉ is a premium café brand built around a simple idea:
Great coffee should feel like a moment of pause, not another part of the
routine.
The project explores a complete visual identity, packaging
system, takeaway cups, coffee bags, tote bags, menu design, café applications and lifestyle campaign direction.
Instead of relying on the usual loud coffee aesthetics, I
built NOIRÉ around deep charcoal, warm ivory, soft graphite, refined
typography, subtle botanical illustrations and quiet editorial compositions.
The visual language is intentionally dark, tactile, and understated - giving every touchpoint the feeling of a slow morning, a quiet table, and coffee worth taking your time with.
From the cup in your hand to the café around you, every detail was designed to make the brand feel like a ritual.
Waiting for your thoughts in the comments 🙌🔥
branddesignertastetestBrand DesignGraphic DesignPackaging DesignAdobe IllustratorAdobe InDesignAdobe Photoshop
