Wine Cart Redux

I really enjoyed Anadea Labs' cool drag-right interaction for adding wine to the shopping cart. Though a question remains -- "how would a user discover this cool interaction?"

So I took the original design's visual assets and quickly prototyped it in Framer.js. The idea here is to let an "add" button do its work. When a user presses "add", the drag reveals itself.

A second question is this: "how would the app show the total number of bottles if it's more than five (the maximum amount in the original design)?"

My answer is to show the black number dot when the drag interaction starts. A second drag would add new bottles to the existing total.

Dribbblers, how would you solve for these?

More by Tony

View profile