user Created with Sketch.
Group 2 Created with Sketch.

Logotyp och favicon

Logotyp

Butikens logotyp, eller logga, är det första kunder ser när de går in i din e-handel och en stor del av företagets kommunikation. Man skulle kunna kalla den för butikens ansikte utåt och just därför är det värt att lägga lite extra tid och kärlek på den. I den här guiden kommer vi gå igenom några saker som kan vara bra att tänka på när det gäller just logotyper.

Det finns tre olika sorters logotyper:

  • Symbol
  • Symbol med text
  • Endast text



Nyckeln till en bra logotyp är enkelhet, och vilken typ du än väljer bör du se till att den fungerar i både stort och litet format. Försök därför undvika små detaljer och annat som gör den rörig och svårläst. En bra regel att förhålla sig till är att bara använda ett typsnitt och max två eller tre färger.


Målet med din logotyp är att den ska ha hög igenkänningsfaktor och då är det viktigt att den särskiljer sig från dina konkurrenter. Basera loggans utseende på intrycket du vill att den ska ge och se gärna till att den reflekterar butikens innehåll. Vilka tankar och känslor vill du att den ska uppväcka hos kunder som besöker din e-handel?

Dimensioner
Har du en avlång logga rekommenderar vi att den är minst 1000 pixlar bred för att säkerställa att den ser skarp ut i alla skärmar. Om den är kvadratisk eller rund räcker det däremot med 500 x 500 pixlar.

Export
Exportera logotypen i PNG-format. PNG stöder transparens (eller genomskinlighet), vilket betyder att om den inte har en bakgrund i ditt bildbehandlingsprogram kommer den också exporteras utan bakgrund.

 

Favicon

En favicon ("favorite icon") är den lilla ikon som visas i webbläsaren bredvid hemsidans namn. 


Det vanligaste är att man använder symbolen (eller en förenklad variant av den) från logotypen, men har du en textbaserad logga kan du använda dig av butikens första initial. Använd aldrig hela loggan som favicon då läsbarheten försämras eftersom faviconen är så liten. Spara ut faviconen i 220 x 220 pixlar.


 

 

Vendres mallar

Om du använder dig av Vendres standardmall och väljer en av våra tre headers har vi ett par rekommendationer för vilken som passar dig bäst baserat på din logotyp:

  • Loggor som inte är avlånga gör sig bäst med vår centrerade header
  • Rektangulära loggor (textbaserade eller symbol med text) fungerar bra med alla headers