Hoppa över meny

Top ad-annons – Handla online

Materialbeskrivning för top ad-annons på produktkategorisida.

Tre bildstorlekar

Top ad-blocket är responsivt och anpassar sig efter skärmens storlek. Det innehåller tre bilder i olika storlekar och visar den variant 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
Mellan 1966×600 px 1120×600 px c:a 300 kB
Stor 2772×600 px 2052×600 px c:a 300 kB

Exempel med säker yta markerad

Liten

Mellan

Stor

Filformat

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

Filnamn

Ange filnamn som: Top-ad [variant] [mått] [varumärke].

Exempel: Top-ad 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
Top ad-annons – Handla online - Coop