Med 2,14 miljarder människor som handlar på nätet har e-handeln nått nya höjder.
Enligt Grand View Research kommer den globala e-handeln att fortsätta växa med en genomsnittlig årlig tillväxt på 14,7 % fram till 2027, och nå hela 7,4 biljoner dollar år 2025.
Omkring 47 % av försäljningen skedde via marknadsplatser på nätet; i täten ligger Amazon, Alibaba och eBay, som stod för två tredjedelar av den globala e-handeln 2021.
Alla de här jättarna har ett starkt varumärke.
I dag tittar vi på varför varumärket är så viktigt för en marknadsplats på nätet.
Vad är varumärkesbyggande för en marknadsplats och varför är det viktigt?
Varumärkesbyggande är hur en säljare särskiljer sin produkt eller tjänst genom medvetna val av färger, logotyper, design och till och med en uttalad mission.
På samma sätt skriver Forbes att ett enhetligt varumärke kan öka dina intäkter med 23 %.
Ett av de mest kända exemplen på lyckat varumärkesbyggande är Coca-Cola.
Varumärket skapades för över 100 år sedan, och den ikoniska logotypen tog form i sin karaktäristiska flytande handstil 1893 och registrerades som varumärke hos det amerikanska patentverket.
Sedan dess har den gjorts om flera gånger med extra slingor, justerade svansar, färgstänk, en vit våg, en röd cirkel och andra detaljer som gjorde den aktuell för sin tid.
I dag känner alla igen Coca-Colas logotyp (utan att läsa orden).
Ett annat exempel är Apples logotyp.
Apple startade i en liten källare i Kalifornien 1976, och då såg logotypen helt annorlunda ut än den eleganta, moderna logotyp företaget har i dag.
Steve Jobs ville ha något som kändes modernare, och den allra första versionen av dagens logotyp föddes; då hade den regnbågsfärger och ordet "apple".
Sju år senare försvann texten, och 1998 försvann regnbågsfärgerna.
Till sist blev Apples logotyp det ikoniska enfärgade äpplet med ett tugg som vi alla förknippar med varumärkets löfte om enkla, säkra enheter och tekniker av hög kvalitet.
Nu ska vi prata om ett av de hemliga verktygen i varumärkesbyggande: färger!
Vilka färger väcker de känslor du vill att din marknadsplats ska förmedla?
Det tar bara 0,05 sekunder för folk att bilda sig ett intryck av ditt varumärke.
Och en stor del av det intrycket hänger på färgerna du väljer.
De flesta etablerade varumärken i världen känns igen just på färgerna i logotypen.
Tänk till exempel på rött och gult; såg du automatiskt de gyllene bågarna från McDonald's?
Eller blått och vitt, som är Facebooks kännetecken.
Att använda en signaturfärg för din marknadsplats kan öka igenkänningen hos din målgrupp med hela 80 %.
Och färger som används konsekvent kan göra varumärket 3,5 gånger mer synligt jämfört med varumärken som används inkonsekvent.
Hur kan färger göra allt detta?
Färger väcker känslor.
Särskilt primärfärgerna ger människor tydliga intryck.
Rött väcker aptiten (därav McDonald's logotyp) och skapar en känsla av brådska.
Rött har visat sig höja pulsen och till och med blodtrycket.
Rött är den dominerande färgen vid utförsäljningar och kampanjer.
Blått förknippas med trygghet och pålitlighet, och därför finns det i 33 % av logotyperna hos världens 100 största varumärken.
En viktig förklaring är att det är favoritfärgen för 57 % av männen och 35 % av kvinnorna.
En publicerad studie tillägger att blått vanligtvis har främst positiva associationer, som himlen och havet.
Blått visade sig till och med minska antalet självmord på Yamanote-linjen i Tokyo.
Gult väcker å andra sidan positiva känslor som optimism, hopp och glädje.
Gult signalerar också brådska, som i "ta mig från hyllan".
I USA säljer till exempel gula pennor slut snabbare än andra.
Gult är också färgen för varning och säkerhet, och därför finns den i logotyperna hos tillverkare av maskiner och elverktyg som CAT och Stanley.
Utöver primärfärgerna vill du bestämma vilka sekundärfärger du ska använda.
Grönt, naturens färg, anses stå för hälsa, tillväxt och lugn.
Det kan delvis bero på att grönt, precis som blått, har kort våglängd, något som har visat sig bidra till att sänka pulsen.
Därför används grönt av varumärken som förknippas med avkoppling och det goda livet, som Holiday Inn, Whole Foods och Spotify.
Den här färgen i logotypen får också köparen att känna att du arbetar miljövänligt.
En annan sekundärfärg som påverkar hur folk uppfattar varumärken är lila.
Lila kallas också kungligheternas färg och dokumenterades första gången i naturen år 1900 f.Kr. i form av färgämnen; de användes för att färga romerska togor som bara bars av kejsarna.
Lila förknippas också med kvinnlighet.
Internationella kvinnodagen har lila i sin logotyp, liksom sminkmärken som Urban Decay.
Och den anses också vara färgen för kreativitet och njutning, vilket syns i logotyperna hos varumärken som Yahoo, Hallmark och Cadbury.
Så till orange.
Som en blandning av gult och rött signalerar orange djärvhet och fångar uppmärksamheten.
Orange fungerar bra som accentfärg på knappar för uppmaningar.
Dessutom väcker den särskilda reaktioner i hjärnan, som kreativitet, värme och glädje.
Många livsmedels- och dryckesföretag använder färgen i sina logotyper, som Fanta.
Kvar har vi svart, vitt, brunt och grått.
34 % av världens 100 största varumärken har svart i logotypen, eftersom färgen uppfattas som sofistikerad och kraftfull.
Och enligt HubSpot förknippar bara 1 % av människorna en svart produkt med något billigt.
Så är det just för varumärken som Chanel och Nike, kända för elegans respektive pålitlighet.
Vitt står å andra sidan för neutralitet, renhet, minimalism och till och med oskuld.
Det är ingen populär färg för varumärken, även om vissa företag har byggt hela sin identitet på den, som Sony och HGTV.
2 % av de mest framgångsrika varumärkena någonsin har brunt i logotypen, eftersom färgen förknippas med pålitlighet, stabilitet och kvalitet.
Exempel på varumärken som använder den är M&M's, UPS och Hershey's.
Och om du är ute efter något diskret men sofistikerat och lite futuristiskt är grått eller silver ett bra val.
6 % av världens 100 största varumärken har grått eller silver i logotypen, till exempel Mercedes-Benz.
Testa olika färgkombinationer för din marknadsplats
Här är några idéer för att testa olika färgkombinationer.
Först, förstå de små skillnaderna mellan de färger du tänker använda.
Enligt Canva finns det fem "typer" av färger att tänka på.
Den första är kulör, alltså varianter av rött, gult och blått.
En annan är nyans, när svart blandas i en färg.
Motsatsen till nyans är ton, när du blandar i vitt för att göra en färg ljusare; det finns också mättnad eller dämpning, där både svart och vitt används.
Tänk på dina färgkoder, eftersom de ser till att varumärket blir enhetligt på din marknadsplats och i annat material du publicerar.
När du skapar din färgpalett, välj den primärfärg som bäst väcker den känsla (eller de känslor) du vill att dina användare eller kunder ska känna.
Välj sedan två till fyra sekundärfärger som ger ett analogt, monokromt eller kontrasterande färgschema.
Analoga färgscheman använder färger ur samma färgfamilj; monokroma färgscheman består av olika nyanser och toner av din primärfärg. Kontrasterande färgscheman får din primärfärg att poppa, eftersom de lyfter fram den.
Din färgpalett bör användas konsekvent i logotypen och i sociala medier, annonsering och e-post.
Testa varumärkets färger för kontrast och färgblindhet innan du lanserar
Färgpsykologi hjälper dig att välja en stämning, men på en marknadsplats har färgerna också ett jobb att göra: köparna måste kunna läsa priser, hitta knappen "Kontakta säljaren" och se felmeddelanden i formulär. En färg som känns rätt kan ändå misslyckas med det, och på vissa marknader är det nu en juridisk fråga och inte bara en designfråga.
Siffrorna att designa efter
- Kontrast för text: W3C:s WCAG 2.2, framgångskriterium 1.4.3 kräver minst 4,5:1 mellan vanlig text och bakgrunden, och 3:1 för stor text (18 pt, eller 14 pt fetstil). Kvoten avrundas inte: 4,49:1 underkänns. Logotyper och varumärkesnamn är undantagna.
- Knappar, ikoner och fältkanter: kriterium 1.4.11 kräver 3:1 mot intilliggande färger. Logotypen är undantagen i sina officiella färger, men inte när en designer väljer att visa den med låg kontrast.
- Använd aldrig enbart färg: kriterium 1.4.1 innebär att en röd ram runt ett fält också behöver ett felmeddelande eller en ikon. Länkar i brödtext är säkrast understrukna; om de inte är det behöver de tydligt starkare kontrast än texten runt omkring.
Därför spelar det roll: enligt amerikanska National Eye Institute har ungefär 1 av 12 män nedsatt färgseende, och den vanligaste typen gör det svårt att skilja rött från grönt. En etikett med bara "rött = såld, grönt = tillgänglig" förvirrar en del av dina köpare.
I EU omfattas e-handelstjänster av tillgänglighetsdirektivet (European Accessibility Act). Kraven gäller för tjänster som lanseras sedan 28 juni 2025. Mikroföretag är undantagna: färre än 10 anställda och högst 2 miljoner EUR i årsomsättning eller balansomslutning.
Så klarar populära varumärkesfärger vit knapptext
Vi räknade fram kvoterna med WCAG:s formel för relativ luminans (samma beräkning som kontrastverktyg använder):
| Knappfärg | Vit text | Svart text | Bedömning för vit text på en knapp i normal storlek |
|---|---|---|---|
| Rent rött #FF0000 | 4,0:1 | 5,25:1 | Underkänd; gör den mörkare |
| Djupare rött #D32F2F | 4,98:1 | 4,22:1 | Godkänd |
| Orange #FF9800 | 2,16:1 | 9,74:1 | Underkänd; använd mörk text i stället |
| Bärnsten/gult #FFC107 | 1,63:1 | 12,88:1 | Klart underkänd; använd mörk text |
| Klargrönt #28A745 | 3,13:1 | 6,7:1 | Underkänd; #1E7E34 ger 5,14:1 |
| Blått i Facebook-stil #1877F2 | 4,23:1 | 4,96:1 | Precis underkänd för liten text |
| Kungsblått #2B59F0 | 5,54:1 | 3,79:1 | Godkänd |
| Mellangrått #808080 | 3,95:1 | 5,32:1 | Underkänd för liten text |
Mönstret: de glada, iögonfallande färgerna från avsnitten ovan (gult, orange, klargrönt) fungerar bra som bakgrund för mörk text, eller som accenter, men inte under vit text. Behåll din signaturfärg och justera nyansen för knappar. De flesta varumärkesmanualer har en "digital" version av huvudfärgen av just det skälet.
En kontroll på fem minuter
- Skriv ner hexkoden för din accentfärg och för texten du ska lägga på den.
- Kontrollera paret i valfritt WCAG-kontrastverktyg och sikta på 4,5:1 eller mer.
- Kontrollera dina etiketter för såld/tillgänglig, felmeddelanden och länkar: alla ska gå att förstå även i gråskala.
- Titta på resultatet i en mobil utomhus, där låg kontrast märks först.
Om du driver din marknadsplats på Yclas har standardtemat Nova en inställning för accentfärg på knappar, länkar och markeringar. Välj en nyans som är tillräckligt mörk för att vit text ska gå att läsa, och testa den på det här sättet innan du publicerar.
Sammanfattning
Varumärkets färger är avgörande!
När du väljer dem, utgå från din marknadsplats vision, budskap och mål, och använd dem genomgående i ditt unika säljerbjudande.
Vill du veta mer om Yclas plattform för marknadsplatser? Prova gratis.