Grana's quick-shop buttons
October 30, 2017Modal windows
Online fashion retailer Grana focuses on luxury-quality items at affordable prices. Their lean and elegant website offers a clean UX. Users can navigate and shop quickly and without fuss.
Why this is really good UX:
- When users hover over an item, a quick-add button appears on the lower half of the image allowing for fast, seamless shopping.
- Hovering over the newly-appeared button layers on a clickable modal with the available sizes. The user doesn't have to enter the item's particular page to see these options.
- When an item gets added to the cart, a modal gives users a quick view to the total in their cart. This also lets them know how far they are from earning free shipping.
- The free-shipping note works as an upsell message, encouraging users to complete an order minimum each time they shop.