Ви коли-небудь замислювалися про те, чи були б відомі світові компанії настільки успішними, якби їх фірмові кольори були іншими? Тільки уявіть чорний логотип McDonald’s або Facebook в червоних тонах. Думаєте, це дрібниці, які не мають значення? Дослідження показують протилежне.
Люди, які проводили спліт-тестування односторінкових сайтів, розуміють, як сильно може вплинути на конверсію колір. Аж до оформлення кнопок із закликами. Кольори викликають емоції і підсвідому реакцію. В кінцевому підсумку впливають і на прийняття рішення.
Згідно з дослідженням Kissmetrics, кольорова реклама проглядається на 42% частіше, ніж чорно-біла. Значна цифра показує, що ігнорувати психологію кольору в маркетингових кампаніях не найкраще рішення. Знаючи, як правильно використовувати кольорові елементи, ви можете сильно збільшити конверсії на різних етапах воронки.
Білий колір
Універсальний колір, добре поєднується буквально з усіма іншими варіантами. Саме тому практично завжди використовується в дизайні. Найчастіше – в якості фону.
Викликає у людей відчуття мінімалізму і чистоти. Тому нерідко присутній в рекламних матеріалах брендів, які хочуть здаватися свіжими і сучасними.
Білий фон допомагає виділити важливі елементи.
Як використовувати білий колір
Найчастіше комбінується з іншими варіантами кольорів. Абсолютно НЕ підходить для оформлення кнопок із закликами. Таке зображення не привертає увагу і не викликає у користувачів відчуття важливості.
Добре підходить для оформлення продающих сайтів. Роблячи односторінкові переважно білого кольору, ви можете бути впевнені, що увага відвідувачів акцентується на потрібних деталях.
Чорний колір
Застосовується не набагато рідше, ніж білий. Причина – чорні елементи добре виділяються на світлих фонах будь-яких відтінків. Тому текст часто пишеться цим кольором.
Надає продающим сайтам елітності. Упаковка дає зрозуміти, що продукт дорогий. Це взяли на озброєння великі світові бренди.
При використанні чорного фону важливо, щоб кожна деталь на передньому плані була контрастною. Тільки так ви зможете акцентувати увагу на потрібних речах.
Як використовувати чорний колір
Даних про ефективність чорних кнопок CTA немає, тому що використовуються вони вкрай рідко.
На односторінкових сайтах чорний приносить хороші результати, якщо є домінуючим. Але важливо, щоб допоміжні кольори були підібрані правильно.
Виглядають такі ресурси дуже стильно:
Червоний колір
Надає сильну психологічну дію на людей, тому широко використовується в просуванні і рекламі. Завжди домінує і фіксує на собі увагу відвідувачів. Червоний одночасно може використовуватися для виклику романтичних і волелюбних почуттів, а також – агресивних і навіть злісних. Перераховані тригери роблять його сильним інструментом для залучення уваги. У той же час може підкреслити важливість певного елемента. Приклад – червона доріжка.
Вчені визначили, що цей колір здатний впливати на людей навіть фізично. Наприклад, впливати на кровоносну систему, частоту дихання або обмін речовин. Почуття схожі з голодом. Саме тому багато компаній, пов’язані з продуктами харчування, часто його застосовують.
Як використовувати червоний колір
Це хороший спосіб звернути увагу відвідувачів на якісь елементи, але впроваджувати його потрібно обережно, з огляду на домінуючі властивості. Це повинні бути невеликі деталі – кнопки, покажчики, маленькі банери і так далі.
Червоний часто використовують для акційних і знижкових пропозицій. Проходячи повз магазинів, де діють знижки, зверніть увагу на вивіски. Швидше за все, ви побачите щось схоже на це:
Синій колір
Найпоширеніший у всьому інтернеті. На більшості сайтів є синій колір, тому що він викликає довіру і спокій.
Варто виділити і його універсальність. Світліші і темніші відтінки можуть сприйматися по-різному. Часто асоціюється з небом, тому здатний викликати відчуття свіжості.
Як використовувати синій колір
Ідеально підходить для фінансових організацій. Аудиторія ставиться до них набагато лояльніше, якщо серед фірмових кольорів є синій.
Також використовується брендами, продукцію яких можна “помацати”. Це інформаційні продукти, програмне забезпечення, консалтингові послуги та інше.
Так як колір асоціюється з довірою, його часто застосовують в дизайні товарів для здоров’я. Згадайте логотипи Colgate, Sensodyne, Crest і ін .:
У синього багато позитивних функцій, але є галузі, де використовувати його не рекомендується. Наприклад, в компаніях, пов’язаних з продуктами харчування. Є просте пояснення: дуже рідко колір зустрічається в натуральних продуктах. Тому підсвідомо викликає не найкращі асоціації у споживачів.
Якщо ви не пов’язані з харчовою промисловістю і хочете завоювати довіру аудиторії – комбінуйте синій і білий на сайтах і в рекламних матеріалах.
Жовтий колір
Викликає інтерес і різні емоції, в залежності від конкретних відтінків. Яскраві жовті тони створюють позитивні відчуття. Причина – асоціація з літом, сонцем і теплом.
Але в той же час світлі відтінки можуть бути попереджувальними. Згадайте деякі дорожні знаки.
Темні варіанти створюють відчуття багатства і солідності. Сюди можна віднести і золотий відтінок.
Як використовувати жовтий колір
Позитивні яскраво-жовті відтінки застосовують бренди, які хочуть передати енергійність і грайливість. Хороший приклад – Snapchat:
Логотипи жовтого кольору відразу кидаються в очі і, як правило, запам’ятовуються. Властивість попередження допомагає правильно виділяти виноски і повідомлення на сайтах.
Інші приклади використання
Помаранчевий колір
Цікавий варіант, який найчастіше ігнорується в брендінгу і маркетингових матеріалах. Як і червоний, помаранчевий колір може змінювати фізичні відчуття людини. Але вплив не настільки сильний. Може бути одночасно грайливим і хвилюючим, що змушує швидше приймати рішення.
Додає матеріалами жвавості і енергійності. Але переборщивши з кількістю кольору, наприклад, на сайті, ви ризикуєте зробити його дешевим зовні. Якщо ваша цільова аудиторія – люди високого достатку, повністю ігноруйте цей варіант.
Як використовувати помаранчевий колір
Є думка, що кращий колір для кнопок “Купити” або “Додати в кошик” – зелений. Але найбільша в світі торговий онлайн-майданчик Amazon використовує помаранчевий. На практиці, коли справа доходить до аналізу кнопок із закликом, помаранчевий показує значно кращі результати, ніж зелений. Можливо, цю закономірність спровокував саме Amazon.
Крім кнопок помаранчевий використовується і на самих сайтах. Це відмінно працює, якщо ресурси просувають бренд, пов’язаний з творчістю.
Зелений колір
Очевидна асоціація – природа і екологія. Заспокійливо впливає на людей, викликає якийсь баланс. Особливо, якщо застосовуються світлі відтінки – м’ятний, бірюзовий, салатовий.
Також асоціюється зі зростанням і розвитком.
Як використовувати зелений колір
Часто застосовується для оформлення кнопок. Незважаючи на високі показники помаранчевого, зелений в деяких прикладах випереджав його по ефективності.
Використовуйте його в брендінгу, якщо хочете зробити упор на своїй чистоті і естетичності.
Пурпурний колір
Відмінний вибір для компаній, які “продають” розкіш і елегантність. Пурпурний підкреслює благородність.
Повна протилежність помаранчевому. Формує відчуття скритності і романтичності. Привабливість вищого класу.
Такі особливості роблять колір, що відмінно підходить для брендингу, але малоефективним для імпульсних покупок і підвищення конверсії.
Як використовувати пурпурний колір
Тести показують, що цей варіант найменше підходить для елементів CTA. Кнопки і форми такого кольору тільки погіршують конверсію.
Прямих асоціацій з продуктами харчування немає, проте деякі бренди саме з цієї індустрії вдало використовують пурпурний і фіолетовий. Згадайте шоколад Milka. До слова, відчуття розкоші тут також присутній.