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
Built a custom @Rive component for the About section of my agency site.
The lanyard and badge are fully interactive. You can grab them, throw them around, and spin the badge 360° to see both sides.
It doesn’t necessarily need to do all of that, but that’s kind of the point.
Small interactive moments like this can turn a pretty standard section of a website into something people actually want to play with, remember, and come back to.
Wow Work bro.
the lanyard doing the intro instead of a headshot
nice
One of the best designs I’ve seen today. Really solid work
Nice!
Great work , the motion physics part is well taken care of.
A grabbable lanyard in an About section is a lovely detail. Did you worry about Rive file size on a Framer page?
Amazing
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
Contact page done with claude from my phone
What a time to be a designer
That is amazing and the contact page design looks great.
A Friday pick from the archives. I made this for Whale a few months ago, and it’s still close to my heart.
The task was to explain a product with several features without making viewers work to understand it.
I kept the structure simple: the problem, the main solution, then the extras.
First, scattered company knowledge and the same questions being asked repeatedly. Then, how Whale puts answers inside the tools teams already use. Recording processes and training quizzes come later, once the main value is clear.
That order matters. Viewers should understand why they need the product before learning everything it can do.
I took the same approach with the animation: calm transitions, focused UI, and time to follow each action.
Still proud of this one. Not because I squeezed everything in, but because I gave the important parts enough room.
Had some serious fun today. Turned an old logomark into and interactive easter egg for our website using Claude Code.
I can safely say there isn't and idea stupid anymore. Think of something, build it and launch straight away before any second guessing hits your mind.
Have a play on our website: https://aperios-design.co.uk/easter-egg#top
