Slot in DisplayMedia & Poster card

[yceballost]

• Update specs
• Design documentation
• Add to mobile library
• Add to desktop library
• Add to UI Kit
• Web ticket

Discussed in #1612

^{Originally posted by PatriRoman January 11, 2024}

Goal

We received a request from O2 UK to have a timer banner, so the purpose is to respond to this need and request from the OB. The goal is to design a counter that responds to this need.
​

Context

The request from O2 UK says:
"Within the offers section we run timed events and sale periods such as “Summer Sale”.​
We would like a new content card designed for us to show in a prominent position a short message with a countdown timer built in. The copy and countdown timer would need to be configurable in the CMS to overlay an image we could upload.​
We would use these in examples such as:​
“For next day delivery order within the next…”​
“Be quick, the Summer Sale ends in…”​
The design of the module needs to be the page width and slim – example of the website design shown.​"

Impact

The need for a counter slot to be inserted in the cards that apply. In this case, we propose the Display card because we consider it to be the one that best suits the UK's request as it has a more banner-like format, with a high presence of the image and the visual content takes precedence over the written content.

Discussion Questions

• Should this new slot be part of Mistica or should it be a Novum extended?
• What kind of design do we want for this new slot?
• Do we want it to have some kind of animation?
• Is it a slot that should be able to be embedded in all types of cards or just some?
• What type of card is best suited to respond to the UK proposal?

Additional considerations

Additionally, if we consider that the card that best suits the needs of the OB is the Display card, we will have to make it possible to add a slot area to them, as they do not have one at the moment.

Do you have a visual proposal?

https://www.figma.com/file/oFCRtFpzvF5Qghc3xi1rhN/Product-Specs---Targeting?type=design&node-id=6158%3A18337&mode=design&t=bvrKqkxQ8rLcQhn8-1