Jak wybrać kolory marki dla swojego marketplace'u

Przy 2,14 miliarda osób kupujących online e-commerce osiągnął niespotykany dotąd poziom.

Według Grand View Research globalny e-commerce będzie rósł w średnim rocznym tempie 14,7% do 2027 roku, osiągając nawet 7,4 biliona dolarów do 2025 roku.

Około 47% tej sprzedaży odbyło się przez marketplace'y, czyli internetowe platformy sprzedażowe; na czele są Amazon, Alibaba i eBay, przez które przeszły dwie trzecie światowej sprzedaży e-commerce w 2021 roku.

Wszystkie te potężne marketplace'y mają dobrze zbudowaną markę.

Dziś przyjrzymy się, dlaczego branding jest tak ważny dla marketplace'u. 

Czym jest branding marketplace'u i dlaczego jest ważny dla twojej platformy

Branding to sposób, w jaki sprzedawca wyróżnia swój produkt lub usługę, świadomie wykorzystując takie elementy jak kolory, logo, design, a nawet misję firmy.

87% konsumentów uważa spójny wizerunek marki na tradycyjnych platformach za nieodłączną część swoich doświadczeń.

Podobnie Forbes podaje, że spójny branding może zwiększyć twoje przychody o 23%.

Jednym z najsłynniejszych przykładów udanego brandingu jest Coca-Cola.

Kultowe logo marki, wymyślonej ponad 100 lat temu, powstało po raz pierwszy w charakterystycznym płynnym, odręcznym piśmie w 1893 roku i zostało zastrzeżone w amerykańskim urzędzie patentowym.

Od tego czasu przeszło kilka wersji, które dodawały dodatkowe zawijasy, poprawki ogonków liter, plamy koloru, białą falę, czerwony krąg i inne elementy, dzięki którym pasowało do czasów, w których je odświeżano.

Dziś każdy rozpozna logo Coca-Coli (nawet bez czytania napisu).

Innym przykładem jest logo Apple.

Apple zaczynało w małej kalifornijskiej piwnicy w 1976 roku, a jego logo wyglądało wtedy zupełnie inaczej niż dzisiejsze, eleganckie i nowoczesne.

Steve Jobs chciał czegoś, co będzie bardziej nowoczesne, i tak narodziła się pierwsza wersja obecnego logo; miała wtedy kolory tęczy i słowo „apple”.

Siedem lat później z logo zniknął napis, a w 1998 roku kolory tęczy.

W końcu logo Apple zmieniono na kultowe, jednobarwne nadgryzione jabłko, które wszyscy kojarzymy z dążeniem marki do dostarczania wysokiej jakości, prostych i bezpiecznych urządzeń i technologii.

Teraz omówmy jedno z tajnych narzędzi brandingu: kolory!

Jakie kolory wywołują emocje, które ma przekazywać twój marketplace

Wystarczy 0,05 sekundy, by ludzie wyrobili sobie wrażenie o twojej marce.

A duża część tego wrażenia zależy od wybranych kolorów.

Większość uznanych marek na świecie rozpoznajemy właśnie po kolorach ich logo.

Pomyśl na przykład o czerwieni i żółci; czy od razu zobaczyłeś złote łuki McDonald's?

Albo niebieski i biały, czyli charakterystyczne kolory Facebook.

Charakterystyczny kolor marketplace'u może zwiększyć rozpoznawalność marki w twojej grupie docelowej nawet o 80%.

A konsekwentne używanie kolorów może zwiększyć widoczność marki 3,5 razy w porównaniu z markami o niespójnym brandingu.

Jak kolory to robią?

Kolory wywołują emocje.

Zwłaszcza kolory podstawowe robią na ludziach wyraźne wrażenie.

Czerwony pobudza apetyt (stąd logo McDonald's) i jednocześnie wywołuje poczucie pilności.

Wykazano, że czerwień przyspiesza tętno, a nawet podnosi ciśnienie krwi.

Czerwony to dominujący kolor wyprzedaży i promocji.

Niebieski kojarzy się z bezpieczeństwem i zaufaniem, dlatego występuje w 33% logo 100 największych marek świata.

Jednym z głównych wyjaśnień jest to, że to ulubiony kolor 57% mężczyzn i 35% kobiet.

Opublikowane badanie dodaje, że niebieski ma zwykle przede wszystkim pozytywne skojarzenia, takie jak niebo i morze.

Okazało się nawet, że niebieskie światło ograniczyło liczbę samobójstw na tokijskiej linii kolejowej Yamanote.

Z kolei żółty wywołuje pozytywne emocje, takie jak optymizm, nadzieja i szczęście.

Żółty komunikuje też pośpiech i pilność, w stylu „zdejmij mnie z półki”.

Na przykład w Stanach Zjednoczonych żółte ołówki wyprzedają się szybciej niż inne.

Żółty to także kolor ostrożności i bezpieczeństwa, dlatego występuje w logo producentów sprzętu i elektronarzędzi, takich jak CAT i Stanley.

Gdy masz już kolory podstawowe, warto ustalić, jakich kolorów pochodnych chcesz używać.

Zielony, kolor natury, uważany jest za symbol zdrowia, wzrostu i spokoju.

Może to częściowo wynikać z tego, że zielony, podobnie jak niebieski, ma krótką długość fali, a wykazano, że takie kolory pomagają spowolnić tętno.

Dlatego zielonego używają marki kojarzone z relaksem i dobrym życiem, takie jak Holiday Inn, Whole Foods i Spotify.

Użycie tego koloru w logo sprawia też, że kupujący ma wrażenie, iż stosujesz ekologiczne praktyki.

Innym kolorem pochodnym, który wyraźnie wpływa na postrzeganie marek, jest fioletowy.

Nazywany też kolorem królewskim, po raz pierwszy został udokumentowany w naturze w 1900 roku p.n.e. w postaci barwników; barwiono nimi rzymskie togi, które nosili wyłącznie cesarze.

Fiolet kojarzy się też z kobiecością.

Międzynarodowy Dzień Kobiet ma fioletowe logo, podobnie jak marki kosmetyczne, np. Urban Decay.

Uważa się go także za kolor kreatywności i przyjemności, czego przykładem są logo marek takich jak Yahoo, Hallmark i Cadbury.

Teraz pomarańczowy.

Jako połączenie żółtego i czerwonego pomarańczowy komunikuje odwagę i przyciąga uwagę.

Pomarańczowy to praktyczny akcent dla przycisków wezwania do działania (CTA).

Wywołuje też konkretne reakcje w ludzkim mózgu, takie jak kreatywność, ciepło i radość.

Wiele firm spożywczych i producentów napojów używa tego koloru w logo, na przykład Fanta.

Zostają nam czarny, biały, brązowy i szary.

34% ze 100 największych światowych marek używa czerni w logo, bo kojarzy się z wyrafinowaniem i siłą.

A według HubSpot tylko 1% osób skojarzy czarny produkt z tandetą.

Tak właśnie jest w przypadku marek takich jak Chanel i Nike, znanych odpowiednio z elegancji i niezawodności.

Z kolei biel oznacza neutralność, czystość, minimalizm, a nawet niewinność.

Nie jest to popularny kolor w brandingu, choć niektóre firmy oparły na nim cały wizerunek, np. Sony i HGTV.

2% najbardziej udanych marek w historii używa brązu w logo, bo kojarzy się z niezawodnością, stabilnością i jakością.

Przykłady marek, które mają go w swoim brandingu, to M&M's, UPS i Hershey's.

A jeśli chcesz czegoś stonowanego, ale wyrafinowanego i nieco futurystycznego, dobrym wyborem jest szary lub srebrny.

6% ze 100 największych światowych marek ma szary lub srebrny w logo, na przykład Mercedes-Benz.

Wypróbuj różne kombinacje kolorów przy budowaniu marki marketplace'u

Oto kilka pomysłów na testowanie różnych kombinacji kolorów.

Najpierw zrozum subtelne różnice między odcieniami kolorów, których chcesz użyć.

Według Canva istnieje pięć „rodzajów” kolorów, które warto rozważyć.

Pierwszy to barwa (hue), czyli odmiany czerwieni, żółci i niebieskiego.

Kolejny to przyciemnienie (shade), czyli dodanie do koloru czerni.

Przeciwieństwem przyciemnienia jest rozjaśnienie (tint), czyli dodanie bieli, by kolor był jaśniejszy; jest też nasycenie lub ton, w którym używa się zarówno czerni, jak i bieli.

Zadbaj o kody kolorów, bo zapewnią spójny branding na całym marketplace i w innych materiałach.

Aby stworzyć paletę marki, wybierz kolor główny, który najlepiej wywołuje emocję (lub emocje), jaką mają odczuwać twoi użytkownicy lub klienci.

Następnie wybierz od dwóch do czterech kolorów dodatkowych, które utworzą schemat analogiczny, monochromatyczny lub kontrastowy.

Schematy analogiczne wykorzystują kolory z tej samej rodziny; schematy monochromatyczne to różne przyciemnienia i rozjaśnienia koloru głównego. Schematy kontrastowe sprawiają, że kolor główny się wyróżnia, bo ładnie go podkreślają.

Paleta marki powinna być spójna w logo oraz w mediach społecznościowych, reklamach i e-mailach.

Przed startem sprawdź kolory marki pod kątem kontrastu i daltonizmu

Psychologia kolorów pomaga wybrać nastrój, ale na marketplace kolory mają też zadanie do wykonania: kupujący muszą odczytać ceny, zauważyć przycisk „Skontaktuj się ze sprzedawcą” i zobaczyć błędy w formularzu. Kolor, który wydaje się trafiony, może tu zawieść, a na niektórych rynkach to dziś nie tylko kwestia designu, ale i prawa.

Liczby, których trzeba się trzymać

• Kontrast tekstu: kryterium sukcesu 1.4.3 WCAG 2.2 organizacji W3C wymaga co najmniej 4,5:1 między zwykłym tekstem a tłem i 3:1 dla dużego tekstu (18 pt lub 14 pt pogrubiony). Wartość nie jest zaokrąglana: 4,49:1 nie przechodzi. Logo i nazwy marek są zwolnione.
• Przyciski, ikony i obramowania pól: kryterium 1.4.11 wymaga 3:1 względem sąsiednich kolorów. Logo w oficjalnych kolorach marki jest zwolnione, ale nie wtedy, gdy projektant celowo pokazuje je z niskim kontrastem.
• Nigdy nie polegaj wyłącznie na kolorze: kryterium 1.4.1 oznacza, że czerwona ramka pola potrzebuje też komunikatu o błędzie lub ikony. Linki w treści najbezpieczniej podkreślać; jeśli nie są podkreślone, potrzebują wyraźnie mocniejszego kontrastu niż otaczający tekst.

Dlaczego to ważne: według amerykańskiego National Eye Institute około 1 na 12 mężczyzn ma zaburzenia widzenia barw, a najczęstszy ich rodzaj utrudnia odróżnienie czerwieni od zieleni. Sama plakietka „czerwony = sprzedane, zielony = dostępne” zdezorientuje część twoich kupujących.

W UE Europejski akt w sprawie dostępności obejmuje usługi handlu elektronicznego. Jego wymagania obowiązują usługi wprowadzane na rynek od 28 czerwca 2025 r. Mikroprzedsiębiorstwa są zwolnione: mniej niż 10 pracowników i nie więcej niż 2 mln EUR rocznego obrotu lub sumy bilansowej.

Jak popularne kolory marek radzą sobie z białym tekstem na przyciskach

Obliczyliśmy te wartości wzorem na luminancję względną WCAG (tym samym, którego używają narzędzia do sprawdzania kontrastu):

Wzorzec: wesołe, przyciągające uwagę kolory z poprzednich sekcji (żółty, pomarańczowy, jaskrawa zieleń) dobrze sprawdzają się jako tło dla ciemnego tekstu lub jako akcenty, ale nie pod białym tekstem. Zachowaj charakterystyczną barwę i dopasuj jej odcień na przyciskach. Właśnie dlatego większość księgi znaku ma „cyfrową” wersję głównego koloru.

Pięciominutowy test

1. Zapisz kod hex swojego koloru akcentu i tekstu, który na nim umieścisz.
2. Sprawdź tę parę w dowolnym narzędziu do kontrastu WCAG i celuj w 4,5:1 lub więcej.
3. Sprawdź plakietki sprzedane/dostępne, komunikaty o błędach i linki: każdy element powinien być zrozumiały także w skali szarości.
4. Obejrzyj efekt na telefonie na zewnątrz, gdzie niski kontrast widać najszybciej.

Jeśli prowadzisz marketplace na Yclas, domyślny motyw Nova ma ustawienie koloru akcentu dla przycisków, linków i wyróżnień. Wybierz odcień na tyle ciemny, by biały tekst pozostał czytelny, i sprawdź go w ten sposób przed publikacją.

Podsumowanie

Kolory marki są kluczowe!

Wybierając je, oprzyj się na wizji, przekazie i celach swojego marketplace'u i używaj ich konsekwentnie w całej swojej unikalnej propozycji sprzedaży.

Chcesz dowiedzieć się więcej o platformie marketplace Yclas? Wypróbuj bezpłatny okres próbny.