ФСБ требует от Telegram предоставить ключи шифрования
Previous
выбрать за меня
Facebook добавил "Сообщения" в список целей рекламных кампаний
Next
ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин
Юзабилити

Как выбрать идеальную цветовую схему для интернет-магазина

Автор: Ия Пфанштиль27.09.2017

Удивительно, правда? Такая абстрактная вещь как цвет может влиять на решения людей и эффективность вашего бизнеса. И это не просто одна из теорий.

Согласно исследованию цвет влияет на 85% решений о совершении покупки. Изучает эти закономерности потрясающая наука – психология цвета.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Оптимизируя свои посадочные страницы вы, наверняка, замечали, что простая смена цвета кнопки может привести к росту показателей конверсии. Это просто невероятно.

Однако стоит понимать, что идеального цвета для интернет-магазина не существует, и никакие психологические приемы не помогут, если ваш продукт и послание не соответствуют желаниям потребителей.

При этом выбор подходящей цветовой схемы может значительно повлиять на то, как пользователи взаимодействуют с вашим сайтом, а, значит, и на ваши продажи.

В сегодняшней статье мы подробно рассмотрим основные принципы выбора идеальных цветов для интернет-магазина.

1. Выбирайте цвета для бренда, а не только для интернет-магазина

Вы удивитесь, как много людей забывают о том, что выбор цветовой схемы – это брендовое решение.

Не стоит отделять свой интернет-магазин от всех остальных аспектов бизнеса. Выбранная цветовая схема должна быть единой для всех визуальных элементов на всех каналах: в соцсетях, на визитных карточках, в блоге и т.д.

Поэтому прежде чем приступить к выбору цветовой схемы, определитесь с брендингом. Не обязательно придумывать что-то сложное, ведь лучшие бренды всегда невероятно простые. Сделать правильный выбор вам помогут следующие упражнения:

  • Одним предложением сформулируйте, кто вы, что вы делаете и для кого.
  • Подберите одно слово, которое описывает вашего идеального клиента.
  • Подберите одно слово, которое описывает ваш бренд.
  • Решите, какие чувства должен вызывать у клиентов ваш бизнес.
  • Какие проблемы клиентов вы решаете и как они себя чувствуют после их решения?

Запишите ответы, они пригодятся вам дальше.

2. Применяйте психологию цвета

Все решения, в том числе о покупке, являются эмоциональными. Вот почему цвета могут подтолкнуть к совершению действия. Они пробуждают эмоции.

И не только их. Концепции, действия и качества также ассоциируются с визуальными маркерами такими, как цвет.

Это отличная новость для вашего бизнеса. При помощи цветов вы сможете вызывать у клиентов те чувства, которые захотите.

Хотите укрепить доверие?

Используйте синий. Facebook, LinkedIn и Twitter используют этот цвет и не просто так.

Вы также, наверняка, замечали что синего очень много в финансовой сфере. Все потому, что это цвет безопасности и доверия. PayPal использует синий.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Как и Citigroup.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

И многие другие бренды, например, Goldman Sachs.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Это всего один из множества примеров, когда цвета вызывают желаемые эмоции.

Вот какие эмоции (позитивные и негативные) вызывают другие цвета:

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Правда, это только в теории. На практике в психологии цвета намного больше нюансов.

3. Ориентируйтесь на свой продукт и индустрию

Сфера, в которой вы работаете, важна. Как и продукт, который вы продаете.

Например, розовый, голубой и светло-зеленый доминируют в индустрии красоты, так как это “женские” цвета.

Так выглядит интернет-магазин Sephora.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Или Estee Lauder.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Черный, золотой и серебряный часто используют бренды дорогих автомобилей.

Например, Lexus.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Бренды, связанные со здоровьем и экологией, предпочитают зеленый, синий и желтый.

К примеру, Babyganics.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Изучите интернет-магазины из вашей индустрии, посмотрите, какие цветовые схемы и визуальные элементы они используют. Что из этого работает, а что нет?

Необязательно копировать удачные решения. Вы просто должны составить представление о том, что происходит в вашей индустрии. Чтобы выделиться, вы можете пойти другим путем.

4. Всегда думайте о целевой аудитории

У людей разные цветовые предпочтения. Если вы ориентируетесь на широкую аудиторию, выбрать подходящую цветовую схему может быть непросто.

Вот почему так важно изучить ваших клиентов: пол, культура и возраст будут существенно влиять на их предпочтения.

Предположим, вы продаете продукт и для мужчин и для женщин. Если вы будете использовать “женские” цвета, то потеряете половину потенциальных клиентов.

То же самое касается и культуры. Например, на Западе белый – цвет чистоты, но в Азии он имеет совершенно другое значение.

Важен и возраст клиентов. Скажем, на Карибах фиолетовый считается цветом смерти, но только среди старшего поколения. Молодежь же считает его цветом чувственности.

Определите все демографические особенности вашей целевой аудитории, которые могут влиять на цветовые предпочтения. И принимайте решение на основе этих данных.

5. Используйте гармоничную цветовую схему

В психологии цвета множество нюансов. Все, от вашей индустрии до особенностей аудитории, играет роль.

Что это значит для вашего бизнеса? Идеальной цветовой схемы просто не существует.

Но как выбрать наиболее эффективные цвета?

Есть простое решение – выбирайте визуально привлекательные цветовые схемы.

Конечно, нельзя забывать об индустрии, предпочтениях аудитории и вашем бренде. Но в первую очередь следует ориентироваться на визуальную привлекательность.

Для этого нужно выбирать цвета, которые дополняют друг друга и контрастируют. Сделать это достаточно просто:

Шаг 1. Выберите основной цвет

Это будет самый используемый оттенок. Лучше выбирать тот, который вызывает нужные вам чувства.

Например, основной цвет Quick Sprout – зеленый.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Шаг 2. Выберите дополнительный цвет

Второстепенный цвет должен контрастировать с базовым. Для его выбора воспользуйтесь цветовым кругом. Самый подходящий вариант будет располагаться напротив основного цвета.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Шаг 3. Выберите цвет, выделяющийся на фоне первых двух

И, наконец, вам нужен акцент. Это самый важный цвет, потому что именно он будет маркером призывов к действию. Использовать его желательно только тогда, когда вы хотите привлечь внимание посетителей. Наметьте все точки соприкосновения, ведущие клиентов вниз по воронке продаж, и привяжите к ним выбранный цвет.

Например, на сайте Ramit Sethi желтый – это цвет акцента. Используется он только для призыва к действию:

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

В результате у посетителей он подсознательно ассоциируется с необходимостью совершить действие. Это действительно работает.

Но как выбрать цвет акцента?

Давайте вернемся к цветовому кругу. Раз мы используем три цвета, то у нас должен получится треугольник, где цвет акцента будет последней связующей точкой.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Если вы хотите использовать больше трех цветов, то постройте квадрат или прямоугольник. Однако большинство брендов используют 2-3 цвета.

6. Помните о пользовательском опыте

Выбор цветовой схемы больше всего будет влиять на читабельность. Ничто не заставит посетителя нажать на кнопку назад быстрее, чем желтый текст на белом фоне (или любой другой совершенно не читаемый вариант).

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Чтобы избежать подобных ошибок нужно выбирать контрастные цвета. Например, черный текст на белом фоне.

С визуальными элементами можно поэкспериментировать, только убедитесь, что выбранные цвета подходят друг другу.

7. Психология цвета – не точная наука

Вы уже поняли, что на выбор цветовой схемы влияет множество факторов.

Конечно, психология цвета была протестирована и показала хорошие результаты в некоторых случаях. Но у правил всегда есть исключения.

Например, исследования доказывают, что мужчины и женщины ненавидят оранжевый.

ecommerce, аудитория, бизнес, бренды, веб дизайн, интернет-маркетинг, конверсия, креатив, стратегия, юзабилити, дизайн, влияние цвета, выбор цветов, психология цвета, значение цветов, цвет, цвет в брендинге, цвет в маркетинге, цвета, интернет-магазин

Однако многие бренды используют его и добиваются успеха. Скажем, Amazon.

Помните, что психология цвета – не точная наука. Не существует цветовой схемы, которая заставила бы клиентов выстраиваться в очереди за вашим продуктом.

Принимайте теорию к сведению, но не относитесь к ней слишком серьезно. Выберите цвета, которые вам нравятся, и протестируйте их для своей аудитории.

Ваш бренд уникален, как и ваша аудитория. Единственный способ найти идеальную цветовую схему – применить теорию на практике и определить, что работает для вас наиболее эффективно.

Реакция на статью
поделюсь
0%
интересно
71%
полезно
29%
не уверен
0%
скучно
0%
где автор?
0%
Ия Пфанштиль

Перевожу и адаптирую лучшие статьи для любимых читателей.

Комментарии
Оставить отзыв

    You must log in to post a comment

    ПОДПИСЫВАЙТЕСЬ НА НАС!
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Позвольте нам обновлять ваши знания раз в неделю.