Pay Button - Micro Interaction Concept by Pineapple UX/UI Studio
Inspiration for a Micro-animation showing the payment status!
We created this micro-animation to depict the payment status while paying through a credit card.
The animation mimics the motion of the swipe of a card in the card machine and the subtle sound effects keep the user engaged while waiting for the payment to go through.
To convey that the payment has been made, the button changes colour to green and adds a checkmark for a visual cue.
Use this as an inspiration and create your own micro-interactions and share them with us!
Let's discuss this design in the comments!
We're available for new projects! 🤘 Let's talk at hello@pineapplestudio.in 📧