Image Text Tile Slider

Text-image-slider-preview

Component Description#

An approach to tease certain product categories or topics in an emotional way. This component is flexible and text/image combinations are possible according to the purpose. The text can be omitted according to the requirements of the text editors.

How To#

preview-xs

Image Text Teaser tile is made out of 3 Components, 2 of them are optional:

1 Teaser Image#

  • Image that represents a product related topic with an emotional approach.
  • If Iliustration is in use, the image should match Lidl style guide.
  • Asset should be maintained as static image with 852 x 638px

2 Headline#

  • Optional. Meaning it can be deactivated.
  • Max. 45 Characters.

3 Subline#

  • Optional. Meaning it can be deactivated.
  • Max. 60 Characters.

Note: We recommand to maintain at least one of the two text elements.

Recommendations of Use – Do's and Don'ts#

Choosing the right images#

dosdon'ts
preview-xspreview-xs
Do use an emotional image that relates to the products in a category/campaign or the content theme you want to promote on a landing page.Don't use small text in pictures. To ensure readability when scaling to mobile devices it is recommended to avoid using small text, badges or other labels on the image.

Promotion#

dosdon'ts
preview-xspreview-xs
Do create inspiring access points to themes and stories that lead users to Lidl's themed worlds and interesting web specials.Don't use the image text tile to advertise a single product. And don't place price boxes on the image.

SEO-Requirements#

Headline & Subline: Wording should fit to the linked page and contain a relevant keyword

Source references#

  • 1CX-Follow-Up_Auswertung.pdf