Mini Product Cards Variation

Product Cards variations (mini cards) for our ongoing Desktop app project.

The challenge was to show a number of things on the non-hover (default) state of each card. The hover state would show some more extra details. The list of information shown in the default state of each card:

1. Category/Collection Name

2. Product Name

3. Price & Cut Price

4. Discounts

5. Social Booster

6. Reviews & Ratings

The hover state has been shown on the right-hand side, where the user can get the option to Favorite, Quick View, Share & view related Tags of the particular product. I will be sharing the main/large card variation soon.

Thanks to @Rahul for beautiful insights into content segregation.

Real pixels attached.

Follow Headout to stay updated on our WIPs & new features.