joelson castro

無料のInteractive Cart Addition Animationアニメーション

This micro interaction depicts a smoothly animated 'Add to Cart' button, ideal for e-commerce platforms. Beginning with a static button featuring a shopping cart icon and the call-to-action "Add to Cart," the sequence transitions into a loading state where the text disappears, and the button dims. A single bottle then emerges, symbolizing the addition of an item to the cart. The button, showcases a bright yellow bottle placed inside the cart, completing the satisfying visual of a product being chosen. The final images present the successful addition with a checkmark, accompanied by a subtle celebratory burst of particles, providing positive feedback to the shopper's action. This animation, designed using After Effects can be found as Lottie in LottieFiles, offering an engaging and intuitive user experience for online shoppers. I was inspired by Aaron Iker's dribbble🏀.

8ヶ月前

評価する

統合とプラグイン

すべて見る

ショートカット:

esc

近い

space

再生/一時停止

A

評価する

F

全画面表示(またはダブルクリック)