Deal Card - Overview

Purpose

Deal Cards show product offerings, and directing users to the respective purchase journey.

The Deal card component can be broken down into the following elements -

Bestseller (optional)
This element can be used to highlight a popular deal.
Image placeholder (optional)
An image to show the product.
Product category (optional)
Shows which product range the deal is part of.
Offer tag (optional)
The offer tag can show the name of a specific promotion.
Product title
Name of the product or deal.
Thumbnails (optional)
Clickable thumbnails, used to show which elements or channels are included in the deal.
Price component
To display the price, possible discounts and an optional disclaimer.
Savings (optional)
To show how much money can be saved while the product is discounted.
Deal information (optional)
The Deal information consists of two parts. It can show whether upfront fees are waived, and/or if the price represents the lowest ever, best value or great value for a product.
RTB description (optional)
To describe one key feature or benefit.
Special offer description (optional)
To show either a free gift or an additional offer included with the purchase of the product.
Validity period (optional)
Showing a countdown if the deal is a limited time offer.
Button component
The CTA that triggers an action.
Legal information (optional)
Gives details of the legal information associated with the deal.