Влияние цвета на конверсию сайта

Andrew Chornyy - 001
Andrew Chornyy

CEO Plerdy — эксперт в области SEO и CRO с более чем 14-летним опытом.

color
Ив Сен-Лоран, когда говорил о том, что открыл цвет в Марокко, подразумевал, что познал силу его психологического влияния. Цвет определяет наши чувства, задает настроение, меняет жизнь. Точно также он работает в отношении посетителей сайта. Задача брендинга и дизайна – с помощью цвета определить неосознанное отношение целевой аудитории к компании, ее продукции или услугам. Иногда – повлиять на решение о покупке, иногда – о нажатии той или иной кнопки.

Так ли это важно на самом деле?

гама цветов

Цвет не определяет уровень конверсии. Он прямо не продает, буквально не находит вам новых клиентов, но позволяет создать нужное впечатление, превратить случайного “прохожего” в постоянного покупателя:

  • 93% пользователей принимают решение о покупке, опираясь на внешний вид продукта и сайта. 70% не купят, если цвет им не понравится. Успех бренда на 80% зависит от правильности цветовых сочетаний ресурса.
  • Есть только 8 секунд, в течение которых можно завоевать внимание пользователя. Только правильно подобранный цвет может помочь в современной борьбе вывесок.
  • Есть цвета, которые крайне негативно могут сказаться на продажах с вашего ресурса. Это серый, коричневый, оранжевый. Серый неофициально принято считать интерфейсным цветом. Он “уводит” от совершения целевого действия. Коричневый вызывает негативные эмоции у большинства женщин и мужчин. Оранжевый хорош скорее для выделения кнопок, нежели для создания общего впечатления от бренда и его сайта. Опять же, он сильно раздражает пользователей, даже больше красного.

Существует цветовая схема Плутчика, которая должна помогать дизайнерам при выборе правильных цветовых сочетаний. Но ее указания очень сильно ограничивают возможности спектра цветового влияния. Никакую схему не стоит брать за истину в последней инстанции при определении оптимального оформления сайта. Психология цвета, как наука, находится только на стадии становления. Если придерживаться общих результатов исследований, можно так и никогда не найти свой “ключ” к сердцу ЦА. Далеко не всегда оранжевые кнопки так результативны, как о них говорят в отчетах. Красный – вовсе не символ агрессии, крови и насилия.

Задачи сайта и месседж бренда

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

Задачи сайта

Что вы будете продвигать? Цвета, которые являются брендовыми у “Кока-Колы”, вряд ли помогут добиться высокой конверсии и обрести любовь клиентов банка, медицинского центра, фармацевтического предприятия.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Макдональдс”, “Кока-Кола”, “Авис”, “Колгейт”, “Лейс”, “Найк”, “Вёрджин”, “Ред Булл”, “Тайм”, “КФС”.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Орал-Б”, “Твиттер”, “Фейсбук”, “Линкедин”, “Форд”, “ПэйПэл”.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Сабвей”, “Хоул Фудс”, “Энимал Пленет”.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Фанта”, “Харлей-Дэвидсон”, “Хутерс”.

Черный – цвет очень сильный, мощный и властный. Он сильно перетягивает на себя внимание, поэтому его стоит использовать при создании сайтов ничуть не менее аккуратно, чем красный, оранжевый или золотой. Замечали, что великие модные дома вроде “Версаче”, “Диор”, “Шанель”, “Сен-Лоран”, используют в брендинге много черного? Что же, нужно понимать, что этот цвет ассоциируется с высоким стилем, с вечностью, с тем, над чем мода никогда не будет властна. Но и только такие маститые бренды, которые задают настроение в оформлении и одежде по всему миру, могут позволить себе столько черного на сайте. Это идеальный цвет для продажи одежды, техники, транспорта и логистики. Стоит учитывать, что он плохо сочетается с пищевой и здравоохранительной нишами.

Бренды, которые испытали действенность этого цвета на своих продажах: “Шанель”, “Диор”, “Версаче”, “Мон Блан”, “Ягуар”.

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

Бренды, которые испытали действенность этого цвета на своих продажах: “Эппл”, “Асус”, “Ральф Лорен”, “Версаче”, “Диор”, “Ив Сен-Лоран”, “Хонда”.

Фиолетовый – “сеньор” загадочный, сильный и величественный. Именно поэтому он используется в брендинге бьюти-сайтов. Этот цвет как никакой другой ассоциируется с красотой и здоровьем. Он не особо подходит для энергетической и агросферы, при этом сомнительно хорош для продвижения одежды, автомобилей, самолетов, предметов и услуг домашнего хозяйства. Бренды, которые испытали действенность этого цвета на своих продажах: “Яхоо”, “Тако”, “Крейглист”, “Крояль”.

Желтый – цвет радости и действия, интеллекта и развития. Херц, Шелл, Нешнл Джеографик – неполный перечень именитых брендов, для которых желтый стал символичным. Да, можно сказать, что такой цвет оптимален для энергетической сферы, пищевой отрасли и домашнего хозяйства. Но ведь мы знаем и о таком мобильном операторе, как “Билайн”, который стойко ассоциируется с пчелиным сочетанием желто-черного?

Бренды, которые испытали действенность этого цвета на своих продажах: “Кэт”, “ДХЛ”, “Пеннзоил”, “Шелл”, “Херц”.

Целевая аудитория

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

К примеру, женщинам нравятся пастельные оттенки зеленого, синего, фиолетового. Многим также нравится нежно-розовый и персиковый.

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

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

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

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

Щедрый, обычный, экономный

Какова она, вместительность кошельков ваших клиентов? Финансовые возможности представителей ЦА также влияют на принятие одного цвета и отверженность другого в каждой конкретной ситуации. К примеру, щедрые и импульсивные покупатели любят все яркое и “горящее”, привлекающее внимание (красное, синее и, даже, черное). Обыватели находят “родными” розовые и небесно-голубые вариации, а что касается экономистов и консерваторов, то им нравится сине-зеленые смешанные оттенки.

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

Цветовые ассоциации

Цветовые ассоциации

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

  • Черный. Элегантный, элитный, изысканный, вечный, сильный. У мастеров боевых искусств есть пояса разных цветов, но все знают только об одном – черном. Он символизирует вершинное мастерство, бесконечное совершенство, к которому можно стремиться. Примерно такие ассоциации вызывает этот цвет и у представителей вашей ЦА. Он мощный, элитный. Им легко и просто подчеркивать статус лакшери продукции. Но и забывать о том, что черный цвет мощный, привлекающий внимание, не стоит. Отличный вариант для выделения важной информации.
  • Красный. Огненный, кровавый, агрессивный, сочный, жизнеутверждающий. Это цвет огромной мотивации, хорош для кнопок и выделения важной информации. Вместе с тем многих отталкивает своей тотальной насыщенностью, режет глаз. Красный цвет как никакой другой привлекает внимание. Но и символизирует опасность (все помнят 3 цвета светофора?). Он вызывает стойкое желание жить, бороться, действовать, но и сильно утомляет. Буквально вызывает аппетит, поэтому идеален для всех сайтов, которые связаны с едой, техникой, транспортом и логистикой, сельским хозяйством.
  • Зеленый. Цвет природы, гармонии окружающей нас среды, цвет денег и процветания. Ничто не может быть более умиротворяющим и живым, чем зеленый листок. Зеленый цвет облегчает восприятие, успокаивает и расслабляет. Именно поэтому широко используется при оформлении финансовых, технологических и кулинарных порталов.
  • Синий. Считается наиболее лояльным и универсальным цветом. Абсолютно нейтральный в плане восприятия, он вызывает чувство надежности, стабильности. Безотказная честность, продуктивность, профессионализм – все туда же, к синему цвету. Его активно используют в мире информационных технологий, редко – там, где речь идет о транспорте, кулинарии, предметах одежды.
  • Серебристый и белый. Чистота, ясность, прозрачность, совершенство – девиз восприятия тех, кто видит этот цвет. Компания Apple неслучайно выбрала его для своего символа – яблока. Ее продукт больше, чем просто вкусный и сочный. Он – совершенный. По крайней мере, именно так считают “яблокоманы”, коих в мире миллионы. Цвет обладает аналогичной универсальностью наравне с синим, зеленым и черным. Хорош буквально в любых комбинациях, а чистом виде вот не сочетается со сферой банковских услуг и питания.
  • Пурпурный. Сильный, загадочный, цветовое воплощение могущества, великолепия. Широко используется в бьюти-индустрии и отрасли здравоохранения, сфере инновационных технологий. Это цвет королевской мантии, синтез розового и синего, роскошен не менее черного, так что может с успехом использоваться и в продвижении продукции для лакшери сегмента.
  • Оранжевый. Жизнерадостный, креативный, непредсказуемый, но вместе с тем и очень агрессивный. Можно сказать, что не менее красного. Недаром один из наиболее раздражающих цветов в палетке. Использовать его нужно грамотно, а найти цветовую пару оранжу не так уж и просто. Хорошо этот цвет проявляет себя в сфере здравоохранения, энергетики, техники. В остальных направлениях ведет себя, как и подобает заводному апельсину – непредсказуемо.
  • Желтый. Цвет тепла, уюта, света и радости. Вызывает приятные эмоции, подводит к энергетическому подъему. Отличный вариант для фуд-бренда, ивент-компании, энергетического предприятия. Но и здесь правило светофора никто не отменял. Желтый – знак предупреждения и символ прессы с сомнительной репутацией, у которой аналогичное название.

Цвет может заложить в подсознании философию бренда и сформировать к нему отношение.

Хотите показать, что ваши товары только для избранных, статусных? Используйте черный.

Планируете подчеркнуть совершенство и уникальность товара или услуги? Берите белый и будьте, как Эппл.

Хотите принудить к действию или обратить на себя внимание? Красный и оранжевый помогут в этом деле.

Несете в мир красоту и королевское величие? Ваш вариант — пурпурный.

Главное – не бояться экспериментировать.

Рекомендации, исследования и схемы палеток – это еще не последнее слово в оформлении сайта.

Цветовая формула идеального сайта и лучший цвет кнопок

Цветовая формула

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

Что касается идеальной цветовой формулы, то здесь можно применить принцип трех: 60% основной цвет низкой насыщенности, 30% вторичный цвет, 10% цвет кнопок целевого действия, элементов СТА, наиболее высокой яркости. Цвета можно подбирать по цветовому кругу, что сложно и долго, с учетом таблицы сочетаемости, или по цветовым блокам на Дрибле, что быстро и более удобно.

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