Contra record modal

Araaf Syafii

Verified

1
Review

UX Designer

Motion Designer

Rive Animations

Figma

Rive

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

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

Likes

1

Views

48

Timeline

Jul 23, 2024 - Aug 8, 2024

Clients

Contra

Tags

UX Designer

Motion Designer

Rive Animations

Figma

Rive

Araaf Syafii

🪄 Interactive Motion Design Pro

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