Built with Rive

Rive - In-app gamification

Araaf Syafii

Verified

Watch on YouTube

Static State (State 1):

The bartender stands still with slight movements to simulate liveliness.
Reaction to taps: the bartender slightly sways when pushed and then returns to the original position.
The animation should be smooth and realistic, showing small movements of the body and limbs.

Pouring Drink (State 2):

The bartender picks up a glass or smartphone and makes a pouring motion.

Shaking Drink (State 3):

The bartender holds a glass or smartphone and shakes it.

Mixing Drink (State 4):

The bartender mixes a drink in a glass or smartphone.

Notes:

All states should be easily recognizable and distinguishable.
Transitions between states should be smooth and realistic.
The animations for pouring, shaking, and mixing should be created in two versions: one with a glass and one with a smartphone.

Switching Between States:

Transitioning between states 2 (pouring), 3 (shaking), and 4 (mixing) can occur through state 1 (static state) or directly, at the illustrator's discretion.
Like this project
1

Posted Oct 3, 2024

Collaborate with client to create mini-gamification inside their apps. This project demonstrates how interactive animation is tailored to digital products. 📱🎮

Likes

1

Views

55

Timeline

Jun 1, 2024 - Jun 11, 2024

Balon ijo: UX motion design for apps.
Balon ijo: UX motion design for apps.
Contra record modal
Contra record modal
Hulu intro logo animation
Hulu intro logo animation
UGC - that convert for social 🎥
UGC - that convert for social 🎥