Hoppa över meny

Bannerannons – receptsida

Materialbeskrivning för bannerannons på receptsida.

Se annonsexempel på receptsida

Obs – nya bildmått!

Vi har tillgänglighetsanpassat blocket. Se till att placera alla viktiga element (till exempel texter, loggor och knapp) inom den säkra ytan. Då syns de alltid och fungerar för alla användare – oavsett skärmstorlek eller hjälpmedel. Se mått nedan.

Två bildstorlekar

Blocket är responsivt och anpassar sig efter skärmens storlek. Det innehåller två bildstorlekar och visar automatiskt den som passar bäst.

Säker yta

Placera text, knappar och andra viktiga element på den säkra ytan mitt i bilden. När blocket anpassar sig efter webbfönstret kan sidorna beskäras.

Bildformat
Bildvariant Mått (retina) Säker yta Max filstorlek
Liten 1120×700 px 640×700 px c:a 300 kB
Stor 1886×600 px 928×600 px c:a 300 kB

Exempel med säker yta markerad

Liten

Stor

Filformat

Spara bilden i jpg eller png beroende på innehåll.

Filnamn

Ange filnamn som: Receptannons [bildvariant] [mått] [varumärke].

Exempel: Receptannons liten 1120x700 Änglamark.jpg

Innehåll

Copy och eventuell CTA-knapp läggs in av leverantör.

CTA-knapp

  • Mått: 280×80 px
  • Hörnradie: 32 px
  • Färg: #0a893d
  • Teckensnitt: Akkurat bold, 28 px, #fff
  • Textalternativ: Handla här, Handla nu

Tillgänglighet

E-handel ska enligt lag vara utformad så att så många som möjligt kan förstå och handla.

För annonsmaterial, tänk särskilt på:

  • Använd tydligt teckensnitt och lagom stor text.
  • Se till att kontrast mellan text och bakgrund är tillräcklig.
  • Placera texten mot en lugn bakgrund utan mönster.
  • Skriv kort och enkelt så att alla förstår.

Läs mer om tillgänglighet:

Lagen om vissa produkter och tjänsters tillgänglighet (pts.se)

Riktlinjer för tillgängligt innehåll (w3.org)

Images tutorial (w3.org)

Webbriktlinjer (digg.se)

Din varukorg är tom
Bannerannons – receptsida - Coop