Delightful Ecommerce App Add-to-Cart Animations

I love these delightful add-to-cart animations! They make me want to keep adding items to my cart over and over.

The first one is from Free People. The whimsical style is very appropriate for their brand.

Free People iOS app add-to-cart animation
Free People iOS app add-to-cart animation

The next one is from Zappos:

Zappos iOS app add-to-cart animation
Zappos iOS app add-to-cart animation

This one gave me more of a ‘what the heck?!’ reaction, but it’s very fun nonetheless. Here’s a snapshot of ‘supercat’ in action:

Zappos iOS app add-to-cart animation screenshot
Zappos add-to-cart animation screenshot

The next example is from Lilly Pulitzer:

Lilly Pulitzer iOS app add-to-cart animation
Lilly Pulitzer iOS app add-to-cart animation

This example from Lyst is a little more subtle, but shows how much impact you can have just by animating the add-to-cart button:

Lyst iOS app add-to-cart animation
Lyst iOS app add-to-cart animation

These examples of micro-interactions show how small design details can make a product more fun and interesting to use.

The difference between a product you love and a product you tolerate is often the micro-interactions you have with it.

~ Dan Saffer, microinteractions.com

One thought on “Delightful Ecommerce App Add-to-Cart Animations

Leave a Reply

Your email address will not be published. Required fields are marked *