Custom component for the Forja website The cards animate on horizontal scroll with a flashlight e...Custom component for the Forja website The cards animate on horizontal scroll with a flashlight e...
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
The flashlight effect is a really nice touch. The horizontal scroll with the text reveal makes the cards feel way more interactive without overdoing it.
Really love this. One small suggestion: i noticed the section below uses sharper card edges, while the cards in this section are more rounded. I think keeping one corner style throughout would make the whole design feel more cohesive.
Personally id go with the sharper edges....
Tying the reveal to a flashlight cursor rather than a scroll-progress fade gives people a reason to actually move the mouse across the row instead of just scrolling past it — the interaction does work the fade wouldn't.
The flashlight reveal earns its keep because it ties the interaction to the content. I'd still test a reduced motion fallback and the mobile version. Horizontal scroll can turn into a fight with the page on smaller screens.
An independent concept exploring what a Champions League ball could look like through Nike’s visual language.
The idea starts with a star containing a Swoosh in the negative space, then extends into a complete ball system using Nike’s existing panel construction.
Designed and animated with Spline, After Effects, and a custom 3D ball tool built for the project.
Unofficial concept. Not affiliated with Nike or UEFA.
I made a free agent skill for Framer template creators. It QAs a template before it goes on the Marketplace: checks the editor project, the live site on every breakpoint, and SEO and AEO, fixes clear issues, and adds a getting-started guide for buyers.