Какие цвета лучше всего подойдут вашей посадочной странице?

Ральф Уолдо Эмерсон (Ralph Waldo Emerson) в один раз весьма мудро заявил, что «природа постоянно носит цвет настроения».

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

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

  • Теория цвета: 7 уроков на примере популярных брендов

Цвет как один из рычагов конверсии

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

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

Помимо этого, 42% формируют собственный вывод о сайте только по его дизайну, и более половины (52%) не возвращается на сайт с неудачным оформлением.Какие цвета лучше всего подойдут вашей посадочной странице?

Kissmetrics кроме этого дает собственные советы по выбору цвета в зависимости от характера вашего бизнеса. Красный, оранжевый, тёмный и королевский светло синий цвета направляться применять для привлечения «импульсивных» клиентов (impulse shoppers); темно-светло синий и светло синий-зеленый — для «экономных» клиентов (shoppers on a budget); и мягкие цвета, такие как розовый и небесно-светло синий — для привлечения «классических» клиентов (traditional buyers).

цвета и Культура

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

Одинаковые цвета в различных культурах смогут иметь полностью противоположные значения. К примеру, тогда как западные люди вычисляют белый цвет знаком чистоты, для китайцев — это смерти и цвет траура. А в Бразилии цветом смерти есть фиолетовый.

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

Для китайцев смерти и цвет траура — белый, а для бразильцев — фиолетовый

Твитнуть цитату

  • Нейромаркетинг: психология оттенков

Тема вашего сайта

Следующий ваш ход — удостовериться, что выбранные вами цвета совпадают с темой вашего сайта. Тут начинает действоватьтак называемый «принцип близкого знакомства» (the familiarity principle).

Несложнее говоря, «принцип близкого знакомства» гласит, что людей притягивает то, с чем они прекрасно привычны. Вот из-за чего цветовое оформление должно всецело отражать сущность вашего продукта либо услуги. Так, в соответствии с Color Wheel Pro:

«светло синий — цвет неба и моря. Он довольно часто ассоциируется с стабильностью и глубиной и символизирует доверие, лояльность, мудрость, уверенность, ум, правду и веру. Считается, что светло синий оказывает благотворное влияние на тело и разум: он замедляет метаболизм и имеет успокаивающий эффект».

Оранжевый же цвет символизирует энтузиазм, увлечение, счастье, творчество, решительность, влечение, успех, стимул и поощрение. Как раз исходя из этого многие «элементы призыва к действию» (calls to action) окрашены в оранжевый цвет:

Пример: на сайте Amazon кнопка «призыва к действию» оранжевого цвета

Допустим, что вы планируете продавать морские рыбацкие снасти онлайн — в этом случае, лучше не применять коричневые и зеленые цвета в дизайне вашего сайта. Вместо этого успешным выбором станут кобальтовый и белый цвета, поскольку они прекрасно привычны морским рыбакам. В случае если же ваш бизнес связан с повышением доходов предпринимателей, как при с Quick Sprout, то зеленый станет хорошим ответом.

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

  • Как цвет воздействует на коэффициент конверсии?

Значения цветов

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

Люди привыкли привязывать к определенным цветам те либо иные эмоции, настроение и/либо мысли. Умелые веб-дизайнеры знают все о психологии цвета и разрабатывают сайты в соответствии с этими знаниями.

Ниже мы разглядим кратко значения главных цветов.

Красный

Красный цвет на Западе имеет пара главных значений: запрет, Рождество и любовь. Он довольно часто употребляется для создания ощущения срочности либо для передачи идеи энергии.

Красный кроме этого внушает чувство голода. Большая часть сетей ресторанов стремительного питания применяют в собственном логотипе как раз красный цвет: McDonald s, KFC, Chili s, Applebee s, и In-N-Out.

McDonalds применяет красный цвет для возбуждения голода у визитёров

На протяжении разных тестов красный цвет много раз признавался как самый действенный цвет для кнопок «призыва к действию» на сайтах.

Желтый

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

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

Через чур много желтого цвета может вызывать подавляющий эффект

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

Зеленый

Первая идея у многих водителей при виде зеленого цвета одна: «Вперед!».

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

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

Сайт VitaCost удачно применял зеленый цвет для дизайна кнопок «призыва к действию»:

Пример: на сайте Vitacost кнопка «призыва к действию» зеленого цвета

  • Какие конкретно 3 самых популярных цвета для оформления сайтов?

светло синий

светло синий есть универсальным «корпоративным» цветом, и непременно, занимает видное место во многих бизнес-темах WordPress. И на это имеется собственная обстоятельство.

Как уже упоминалось выше, светло синий передает чувство доверия, безопасности и честности. Компании, выбирающие светло синий цвет в качестве главного для дизайна собственного сайта, тем самым как бы говорят собственной целевой аудитории: «Вы имеете возможность доверять нам».

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

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

Сайт Dr. Dental — хороший пример того, как задействуются различные оттенки светло синий на основной странице стоматологической клиники:

Пример: Dr. Dental применяет светло синий цвет в дизайне собственного сайта

Оранжевый

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

Третьи же именуют оранжевый агрессивным цветом.

Одно возможно сообщить точно: неоспоримый король электронной коммерции Amazon удачно применяет оранжевый цвет для кнопок «призыва к действию».

Фиолетовый

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

Фиолетовый довольно часто выбирают компании, занимающиеся продажей антивозрастных продуктов. Хорошим примером тут помогает сайт Meaningful Beauty. Обратите внимание на то, как сочетаются разные оттенки фиолетового на сайте, а кнопка «призыва к действию» (смесь розового и фиолетового) соответствует не только с одеждой модели, но и с дизайном всего сайта в целом.

Пример: сайт Meaningful Beauty

Розовый

Розовый — любимый цвет многих молодых девушек. Как раз исходя из этого он частенько считается женским цветом.

В случае если главными визитёрами вашего сайта являются юные дамы, обратите внимание на данный цвет.

Пример: сайт Children s place

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

Изучение, размещённое в Journal of Orthomolecular Medicine, продемонстрировало, что розовый создаёт успокаивающий эффект. Потом была выдвинута догадка, что именно по данной причине препарат от расстройства желудка Pepto-Bismol имеет розовый цвет.

Белый

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

Белый цвет фактически постоянно является наилучшим выбором для фона сайта.

Пример: белый фон

Тёмный

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

Пример: сайт JustLuxe

  • Мастерство сочетания цветов — броский путь к высокой конверсии

Изучение: Красный/Оранжевый vs. Зеленый

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

Dmix протестировали 600 объектов с зелёными кнопками и красными. На лендингах с красной кнопкой коэффициент конверсии был выше на 34%.

1:0 в пользу красной кнопки.

Во втором изучении, совершённом HubSpot, трафик сравнивался за пара дней и опять победителем была красная кнопка с уровнем конверсии, превысившим остальные варианты на 21%.

2:0 в пользу красной кнопки.

В тесте, совершённом Visual Website Optimizer, сравнивались три типа кнопок: белая кнопка с зеленым текстом, зеленая кнопка с белым текстом и красная/оранжевая кнопка с белым текстом. Сейчас красная/оранжевая кнопка опять обошла собственных соперников, но повышение конверсии составило только 5%.

В итоге, 3:0 в пользу красной/оранжевой кнопки.

направляться ли из этого, что красный цвет — наилучший выбор для повышения конверсии?

Не обязательно.

Оранжевый vs. светло синий

Monetate совершил собственный опыт, сравнив эффективность оранжевой кнопки «призыва к действию» с синей.

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

  • Как дизайн и цвет воздействуют на показатели конверсии?

Так какой же цвет оптимальнее ?

Не существует одного универсального ответа для всех. Оптимальный цвет для вашей кнопки «призыва к действию» зависит от контекста.

Так, в тесте Hubspot, упоминавшемся выше, красная кнопка заметно контрастировала с неспециализированной цветовой схемой сайта, тогда как зеленая фактически терялась на фоне похожего оттенка. Как вы думаете, это имело возможность каким-то образом оказать влияние на более большой показатель конверсии при с красной кнопкой?

Очевидно.

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

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

  • Как применять психологию цвета для повышения конверсии?

Сплит-тестирование

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

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

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

Все остальные правила остаются в силе

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

Цвет — это лишь часть вашей маркетинговой стратегии. Не забывайте об этом.

  • Примеры применения пастельных тонов на сайтах и посадочных страницах

Подведем итоги

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

Главные моменты, каковые постоянно следует иметь ввиду:

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

Высоких вам конверсий!

По данным: blog.crazyegg.comimage source Leafypages

Случайные статьи:

7 принципов высокой конверсии на посадочной странице


Подборка похожих статей:

admin