Built with Rive

Contra record modal

Araaf Syafii

Verified

Overview and Goal
Contra has a modal that needs to convey a significant amount of functionality for their contact record views. In order to do this while keeping content digestible, they’d like to use motion.
Hover to the right section to interact with subtle animation gradient 👇
I create the cycle animation transition for each UI transition tab with subtle animation and a gradient background while hovering in the right section. The easing animation principal approach uses UX motion material from Google Motion.
The Goal In addition, the goal is to make the animation clean, simple and sleek, straightforward education.
Like this project
1

What the client had to say

Araaf was a great collaborator on this project! He took feedback well, willingly tweaked polish and motion, and optimized file sizing 🙌

Ry Magno, Contra

Sep 20, 2024, Client

Posted Aug 25, 2024

Contra has a modal that needs to convey a significant amount of functionality for their contact record views.

Likes

1

Views

56

Timeline

Jul 23, 2024 - Aug 8, 2024

Clients

Contra

Hulu intro logo animation
Hulu intro logo animation
UGC - that convert for social 🎥
UGC - that convert for social 🎥
TVC - Digital ads, product launch
TVC - Digital ads, product launch
High quality creative motion design
High quality creative motion design