GrabPay Mastercard Interaction Animations

GrabPay partners with Mastercard to be the first to launch a Digital First Card in SEA.

3 interaction animations are implemented:
1. Reveal - Grabbing the attention from the user by sliding the card in from the right side of the screen.

2. Card details - Users can simply hide or reveal the details of the card and flipping animation is added to differentiate the two different sides of the card.

3. Card Lock - Users can also lock the card in order to stop all transactions. A simple shake and desaturating the color tells the user that the card locked.