Interactive Header Animation for the Stoodfly Project

Interactive Header Animation for the Stoodfly ProjectInteractive Header Animation for the Stoodfly Project

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

Bolt Bite

pro

• 11h

Header Animation of the project Stoodfly... And finally the project is live and you can check it out here: ( make sure to hover for interactions with the characters ) https://stoodfly.framer.website/ The entire breakdown and the Case Study is also live here: https://www.behance.net/gallery/257716725/Stoodfly-Web-Design-Interactive-Animations Let me know how it turned out. Would love some feedback.

uiuxdesign uianimations boltbite

Aly W

• 10h

Love the hover interactions with the characters in the Stoodfly header 🔥 Super playful and the motion feels so smooth!

Mark Pavlyshyn

pro

• Oct 27

If you do motion, you know this choice is never small. Two fly-ins, same scene. A or B?

Adobe After Effects Mobile Design uianimations

8 voted

44%

10 voted

56%

18 votes

Closed

Mostafa Moamen

• Oct 27

Option 2 is unique ❤️

Joshua Roberts

pro

• Oct 27

Made some project page fixes on my Framer template in progress and made the project index page responsive before going to bed tonight. To keep the UX feeling nice I added a scroll snapping effect to the project video panes so that they never appear only partially, but one pane at a time is always fully on screen as the user scrolls. 🔧

Framer Claude UX Design

Sagar Nawaz

• Oct 28

Love the attention to UX detail! Scroll snapping for project video panes so they never appear partially is such a smart fix! Making project index responsive + keeping UX feeling nice is top tier Framer work! Can't wait to see final template!