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
One detail I like in STUDIO HRSE: hover a team member's card and it tells you why they're worth knowing.
It's a small interaction, but it's doing real work, it turns a static bio into something people actually stop and read.
If you're building a team or about page on Framer, this is worth a look. It's free.
Check it out:
https://framer.link/kVzioCc
Thanks!
Hey brother! What do you think about this one ?
Nice effect!
Outstanding work
Thanks, man!
Love it 😍
Thanks man!
The hover reveal on the team cards is such a smart move, most about pages just dump a headshot and title and hope people care. Was that idea there from the first draft or something that came out of testing with actual users?
Good question, and no, it wasn't in the initial drafts, but the idea of doing something different and interactive came up during the drafting process. I wanted something that would complement the project and that, in addition to the section's sticky scroll, would offer something...
great work!!🎉
Thanks!
Love this interaction. Small details like this can completely change how users engage with a page. Great example of purposeful motion and UX.
Thank you, man! I've always paid attention to these details, especially in motion interactions.
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
Challenges
View all
Related posts
Built this 2-page dental clinic website in Framer.
On desktop, the hero section includes service cards that move into place as you scroll and reveal information about each service.
On tablet and mobile, I placed the cards in the services section below the hero instead.
There simply isn't enough space to fit the same interaction without making the hero too crowded, so I kept the layout simpler on smaller screens.
Great Work and the thought behind responsiveness without trying to fit things and simply letting them be a part of the layout without unnecessary animations was a good choice. Just a suggestion the reveal effect with a slight stagger would look great on the mobile i think 😁😁
what does a full website for an ai agent need?
parley has workflow pages, pricing with a comparison table, a cms blog, contact and waitlist. all free
2,262 remixes in the last 3 months
Excellent card hovers & layout! 🙌
This card stack transition combining the SVG of each card to the sticky position is giving my brain really satisfying scratches 😘👌
--
I've been doing a lot more Framer developments lately where I don't do the design, I think one of the big advantages of having a strong background in design is that I can see the designers vision to translate it into the web obsessing over the details.
I.e. see Figma design screenshot in the comments how each card had the same SVG but in irregular placements, I saw it as an opportunity to perfectly align them on scroll and add a bit of a transparency reveal at the end. It feels way more intentional and ties everything together.
Design by @Iverson developed by me
Figma design handoff
