Interactive Avatar for Signup Pages

Test the interaction here: https://www.plainlysimple.studio/rive-character-login (This works on both mobile and desktop. Each has a different experience.)

Rive animations are great. They are smooth and efficient, but what's their practical use? A lot.

One of its use cases is an interactive avatar that can be placed on signup pages. Rive's capabilities make the avatar feel alive, making the signup page more engaging. On the desktop, the character would look where the cursor is. When you click the input, the character would smile. And lastly when the user would click the submit button, the character would welcome the user.

We can't make the mobile version exactly like the desktop experience. The desktop has a different aspect ratio, and interaction is different; it's via mouse, whereas mobile is via touch.

So we must take the same Rive file and design a mobile experience. Our solution is to have the avatar animate and move to the side as the user scrolls.