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
Approved logo for a mental health and daily habit app built for seafarers and offshore workers.
Can't wait to share more.
New hero akilastudio.com
📱 The whole employee experience, right on the phone. Scheduling that goes wherever the team goes.
Amazing work