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 this scroll-driven split card after studying many Awwwards-winning websites.
The interaction separates into three panels as you scroll, then flips to reveal custom content, creating a premium storytelling experience that feels smooth and engaging.
Recreating interactions like these is one of the best ways to understand motion design, timing, and user experience at a deeper level.
Built with a focus on performance, clean code, and polished animations.
What do you think?
#Awwwards #GSAP #WebAnimation #CreativeDevelopment #FrontendDeveloper #WebDesign #MotionDesign #InteractiveDesign #LandingPage #JavaScript #Frontend #CreativeCoding
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
Another exciting project wrapped up! ✨
This time, we worked on Olympian by Design – a premium one-on-one coaching brand focused on personal transformation and high performance.
Our goal was to create more than just a beautiful website. We wanted the entire client journey to feel connected – from the first landing page visit to purchasing the program and going through the coaching experience.
We designed three custom pages from scratch, built them in Kajabi, created a branded member area, set up the coaching program, and refreshed the app with new onboarding screens.
All wrapped in a bold, dark, luxury-inspired design.
Because great design shouldn't stop at checkout. It should follow the client through the entire experience.
Great project
Same animation, one detail changed.
Motion blur or clean.
Which one feels better? 👇
16 voted
53%
14 voted
47%
30 votes
Closed
Blure is more focused and better ❤️❤️
A grid doesn't have to feel rigid.
With Bento Card, structure and interaction work together.
The grid keeps information organized, while subtle movement adds depth and personality without disrupting the layout.
It's not about making every card move.
It's about making a structured interface feel less static.
Clear structure. A little more character.
Nice Bro!
