Лэндинг цветы или landing page по доставке цветов. Цветы лендинг


Лендинг цветы - лэндинг по доставке цветов

Торговля цветами – дело нехитрое. Но только на первый взгляд. На самом деле все не так радужно и просто, как кажется сперва. Реализация цветов требует комплексного подхода. В связи с тем, что пик спроса приходится на небезызвестные всем праздники (8-ое марта, 1-ое сентября, школьные выпускные и т.д.), а дальше следует резкий спад интереса. Поэтому следует грамотно выстраивать свой бизнес, находя новых клиентов и заказчиков.

Доставка цветов лендинг

Лендинги для цветов в наше время достаточно распространенное явление в сети Интернет. По этой причине и требования к таки одностраничникам крайне высоки. Как же добиться того, что бы ваш landing page по продаже цветов был узнаваем, востребован пользователями и приносил доход вашему бизнесу?

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

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

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

cvety

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

Иконки и прочая инфографика с букетиками и клип-артовыми цветочками так же весьма позитивно влияют на читаемость и восприятие лендинга по доставке цветов пользователями. Так что пренебрегать этими полезными атрибутами на своем одностраничнике не следует.

Создайте собственный лендинговый сайт по продаже и доставке цветов и вы точно не разочаруетесь в своем выборе!

yarlanding.ru

Лендинг пейдж для доставки букетов цветов — WEB-EXITO.ru

Лендинг пейдж для доставки букетов цветов

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

Дизайн сайта выполнен в нежно розовых, белых, серых цветах. Розовый цвет позволяет акцентировать внимание на важных элементах сайта.

Лендинг пейдж для доставки букетов цветов имеет:

  1. Первый блок с красивым, тематическим фоновым изображением. По середине размещен логотип компании и чем она занимается;
  2. Дескриптор, который позволяет с ориентировать клиента на какой сайт он попал;
  3. Форма захвата в виде акции с счетчиком обратного отчета и полями для заказа букета по акции;
  4. Блок с шагами заказа от «заявки» до «получения букета»;
  5. Блок «Бестселлеры дня», где размещены изображения букетов, которые Вы делаете. Выполнен в виде слайдера;
  6. Блок «7 причин, почему Выбирают Вас», где расписаны сильные стороны Вашей компании, так же размещена форма захвата с предложением заказать букет цветов;
  7. Блок «Отзывы Ваших клиентов», где отображено фото, фио, отзыв клиента. Блок оформлен в виде слайдера.
  8. Интерактивная Яндекс Карта, позволяет посетителю приблизить, отдалить, промотать карту для просмотра проезда к Вашему офису;
  9. В подвале сайта размещен номер телефона и адрес фирмы.

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

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

Надеемся Вам понравился данный шаблон и он поможет Вашему бизнесу заработать большие деньги!

С Уважением к Вам и Вашему бизнесу, команда Web-Exito.

Поделится записью:    

web-exito.ru

Какие цвета выбрать для Landing Page

Цвета могут передавать абсолютно разные настроения посетителям вашего сайта. Этот урок поможет определиться с выбором оттенков и с их правильным сочетанием при создании Landing Page

Согласно цветовой психологии, цвета несут следующие настроения:

Желтый – оптимизм и счастье; Красный – любовь и страсть; Оранжевый – жизнерадостность и энергичность; Розовый – беззаботность и романтичность; Коричневый – уют и тепло; Серый – стабильность и разумность; Синий – надежность и доверие; Сиреневый – мудрость и роскошь; Белый – простота и чистота; Черный – изысканность и сила (добавляет ощущение роскоши)

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

Подробнее о тестировании сайта.

Мы подготовили несколько полезных советов и сервисов, которые помогают правильно работать с цветами:

Сочетаем цвета правильно

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

.

Выбираем контрастные цвета

Для лучшей читабельности текста выбирайте контрастные цвета (для фона сайта и цвета текста).

Подбираем изображения

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

Определяем палитру цветов изображений

Или наоборот, если вам нужно узнать палитру того или иного изображения, вы можете это сделать с помощью ресурса Color Palette Generator Далее эти цвета вы можете использовать для отдельных блоков или для фона вашего сайта.

Не переборщите с количеством цветов

Используйте оптимальное количество цветов на сайте. Рекомендуем не использовать много цветов. Остановитесь на 3-4 цветах.

Привлекайте внимание с помощью ярких цветов

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

Перейти к следующему уроку: “Как правильно писать заголовки”

Попробуйте конструктор сайтов LPmotor исоздайте свой Landing Page всего за 15 минут

lpmotor.ru

Комбинируем цвета в дизайне лэндингов

Давно доказано психологами, что сочетания цветов может влиять на человека как положительно, так и не очень. От выбранного цвета зависит настроение и реакция на предлагаемое. Часто теорию цветов используют дизайнеры одежды. Но в последнее время, благодаря развитию интернет-коммерции, цветовое сочетание стали применять при создании сайтов. Как оказалось, сочетание цветов влияет и на рекламные кампании. Более 50% (!) успеха сайта и продаж зависит от правильно подобранных сочетаний цветов и оттенков. 

Поэтому при создании своей целевой страницы (кроме текстов, правильно подобранных СТА элементов, лид-форм) большое внимание стоит уделять еще и цветовой гамме дизайна. Хороший дизайн способен увеличить конверсию и снизить показатель отказов. 

На что обращаем внимание при создании дизайна лэндинга:

1.    На особенность Вашего предложения. При разработке дизайна продающей страницы нужно учитывать, ЧТО именно страница предлагает. Если лэндинг продвигает детскую тематику, то избегайте использование холодных, темных и серых оттенков. Лучше выбирайте более яркие, теплые, позитивные тона и оттенки (оранжевый, желтый, розовый). А вот если Ваши услуги или товары направлены на продвижение запчастей (например, для автомобилей), то здесь более приемлема холодная, нейтральная гамма, «индустриальные» оттенки. 

Если Вы продвигаете пищевую продукцию, то не в коем случае при создании целевой страницы не используйте «подавляющие» аппетит цвета (черный, синий, фиолетовый, некоторые оттенки зеленого). Лучше уже на странице начинать поднимать аппетит пользователя; в этом помогут красный, вишневый, желтый, оранжевый, теплый зеленый цвет. Расцветка самого продукта подскажет решение. 

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

2.    На половой признак аудитории лэндинга. Если Ваша продающая страница продвигает товар или услугу для женского пола (одежда, косметика, СПА-услуги, маникюр), то лучше использовать эмоциональные, яркие, сочные и теплые оттенки. 

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

3.    На возрастное разделение посетителей лэндинга. Чаще всего при продвижении товара или услуги мы понимаем на какую возрастную группу они ориентированы. Поэтому и цветовой выбор лэндинга также должен определяться этим фактором. Для детского возраста лучше выбирать яркие, красочные оттенки. Если группа посетителей более взрослая – хороши пастельные, спокойные тона (идеально при продвижении товаров для бабушек детей). 

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

Комбинируем и сочетаем цвета.

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

Основные цвета – желтый, красный и синий. Второстепенными в цветовом спектре считаются зеленый, фиолетовый и оранжевый.

Данные цвета можно получить, смешивая основные. Есть еще третья линия спектра – это все оттенки основных и второстепенных цветов, а также все, что получается при смешении основных и второстепенных. В итоге получается 12 цветов. Смешивать и сочетать их нужно по определенным правилам.

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

Помните: при сочетании белого, черного и фиолетового нужно быть осторожным и продуманным. Не всегда полученный дизайн получается позитивным. 

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

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

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

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

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

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

Памятка в помощь:

1.    Не смешивайте больше четырех цветов в одном лэндинге;

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

3.    Если цветовая гамма Вашей целевой страницы выполнена в сером-белом-черном тоне, то добавьте ярких пятен – логотип, СТА, рамка лид-формы. Если Вы решили добавить изображение, то следите за его цветом. 

4.    Следите за распределением цветов: если в заголовке много синего, то добавьте синий цвет вниз страницы.

5.    Всегда помните о том, что цвет – это настрой пользователя на определенную волну. 

6.    Тестируйте цветовую гамму. Можно создать 2-3 разные страницы с разными цветовыми решениями. А потом выбрать самую эффективную. С точки зрения повышения конверсии, конечно. Ведь цель лэндинга – повысить конверсию. 

Успехов Вам!

 

prob2b.biz

Нужен Готовый Лендинг цветы? | Winlanding

Для продвижения товаров или услуг среди бизнесменов особой популярность

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

посадочную страницу, одностраничник или целевую страницу – это значит, за короткий

промежуток времени привлечь внимание к своему бизнесу, увеличить количество

потенциальных клиентов.

Вам нужен готовый сайт или Вы желаете получить страницу захвата? Тогда Вам к

нам. У нас всегда в наличии достаточно большое количество уже готовых шаблонов, с

примерами которых Вы можете в любое время ознакомиться.

За достаточно продолжительный период времени мы досканально изучили данное

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

и высококачественный продукт.

Вы мечтаете за короткий промежуток времени запустить в полноценную работу

посадочную страницу (одностраничный сайт, сайт визитку, страницу захвата и т.д.) для

продвижения своего цветочного бизнеса? Идеальным вариантом станет пробретение у нас

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

интерфейс Лендинг Педж по доставке цветов. Все это Вы найдете у нас. Кроме того, мы

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

данном рынке деятельности. Такой Landing page позволит Вам увеличить количество

потенциальных Заказчиков, привлеченных с посадочной страницы (целевая страница).

В своей работе мы используем стандартные коды html, которые осуществляют

свою работу под понятным управлением joomla или wordpress. Помимо этого,

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

одностраничника в поисковых системах, в том числе google adwords и яндекс директ. Так

же готовый шаблон может легко интегрировать с конструктором сайта. По своему

усмотрения можно поставить на него понятную, не требующую особых навыком систему

управления.

Чтобы приобрести Лендинг Пейдж для цветов у нас, Вам потребуется только

добавить его на нашем сайте в корзину. После этого приступить к оплате. В самое

короткое время к Вам на электронную почту придет письмо исходника с сайтом.

Мы гарантируем высокое качество предлагаемого продукта и самые сжатые сроки

выполнения заказа, низкую стоимость и индивидуальный подход к каждому клиенту,

продвижение сайтов во всех поисковых системах и многое-многое другое.

okon-bis.ru

Убеждение клиента цветом на лендинге

лендинг пейдж

Как работа с визуальным восприятием потребителя влияет на продажи вашего лендинга.

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

лендинг пейдж

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

  • На продажи: по некоторым данным, около 90% потребителей при покупке нового продукта ориентируются на его цвет. Шести процентам людей важно дотронуться до товара, и всего 1% неосознанно использует вкусовые и аудиальные рецепторы.
  • На бренд: удачно подобранный цвет повышает доверие потребителей к бренду на 80%.
  • На покупателя: цвет — одно из ключевых орудий дизайна. Но не существует универсальной цветовой комбинации. Восприятие цвета отличается у людей, проживающих в разных странах и даже на континентах. Например, любители ярких тканей — индийцы, могут остаться холодны к цвету, который привлекает североамериканцев.

продажи

В Северной Америке провели исследование, чтобы выяснить, как различные цвета влияют на покупателей:

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

Красный цвет учащает пульс — энергичный. Используйте во время тотальных распродаж.

Синий вызывает ощущение безопасности и повышает доверие. Часто его применяют в бизнес среде.

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

Оранжевый вызывает желание действовать. Используйте его для призыва к действию (регистрации, покупке или продаже).

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

Черный цвет — это глянец и мощь. Продвигаете товары недоступные «простым смертным»? Черный хорошо смотрится в дизайне товаров категории «Luxury».

Фиолетовый умиротворяет и успокаивает. Эффективен в косметической промышленности, например, при оформлении кремов против морщин и другой продукции, направленной на омоложение потребителя.

Определенный цвет привлекает определенного потребителя и даже может изменить его поведение.Импульсивные покупатели реагируют на красно-оранжевый, черный и ярко синий. Эти цвета применяются в оформлении сетей быстрого питания, сток-центрах и во время тотальных распродаж. Так называемых, бюджетных покупателей привлекает темно-синий и цвет морской волны. В таких тонах, как правило, оформляют банки и большие универмаги. Традиционные покупатели отдают предпочтение ярко-розовому, небесно-голубому и бледно-розовому — это «Любимые» тона магазинов одежды. Другие факторы и покупательская активность — дизайн, яркий заголовок и юзабилити сайта/лендинга.

лендинг

Как страницу оформишь…

Представление о сайте у 42% потребителей формируется на основе общего дизайна. Если человеку не понравится сайт, вряд ли он второй раз кликнет на ссылку с ним. 52% потребителей никогда не возвращается на «некрасивые» с их точки зрения, сайты.

лендинг пейдж

Удобное юзабилити лендинга — залог посещаемости

Времени нет. Ни у кого и никогда. Поэтому чем удобнее, эффективнее и быстрее работает, например, интернет-магазин, тем больше шансов, что посетитель воспользуется им снова. Каждое мгновение на счету — если ваша страница загружается на пять секунд дольше, чем у конкурентов, вы можете потерять деньги. Большинство он-лайн потребителей (64%) не станет делать покупки на сайте, который «тормозит». Наблюдение аналитиков компании Amazon показало, что если скорость загрузки страницы понижается на 100 мс, продажи падают на 1%.

продающий лендинг пейдж

Слова — работают

Грамотно подобранные слова побуждают потребителя совершить то действие, которое он изначально не планировал. Если на витрине висит объявление о распродаже, 52% людей заглянут в магазин из любопытства. Но сознание уже на крючке возможной выгоды и экономии.

продажи

Покупатели любят безопасность

60% потребителей с большей вероятностью приобретут товар, с пометкой «гарантировано». Работа с цветом — тонкий и интуитивный процесс. Проведите несколько сплит-тестов, чтобы своими глазами увидеть, как цвет действует на целевую аудиторию.

продажи

Цветущих садов и высоких конверсий!

lptrend.com

Цветовые комбинации на лендинге: управляем вниманием посетителя

как управлять вниманиеп пользователя на лендинге

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

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

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

Что такое цвет на самом деле

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

Цветовой спектр включает три первичных цвета: красный, желтый и синий.

Сочетание этих цветов приводит к появлению вторичных цветов: зеленого, фиолетового и оранжевого.

При смешивании различных цветов образуются третичные цвета: сине-зеленый, сине-фиолетовый, красно-фиолетовый, оранжево-красный, желто-оранжевый, желто-зеленый.

Комбинация цвета и цветовое колесо

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

контрастные пары цветов

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

Цвет и зрительное восприятие

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

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

тепловая карта показывает траекторию взгляда

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

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

Доктор Питер Кениг, профессор нейробиопсихологии, а по совместительству соучредитель сервиса айтрекинга EyeQuant, и его сотрудники проводили ряд исследований о природе цветового контраста в тропических лесах Уганды. Эта местность считается «прародиной» всего человечества.

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

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

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

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

Цвет и семиотика

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

цвет в рекламе

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

Для этого необходимо использовать взятый из науки о свойствах знаков и знаковых систем (семиотики) принцип троичной классификации. Этот принцип создал американский философ и математик Чарльз Сандерс Пирс.

Перечислим ниже главные характеристики знаков, используя классификацию Пирса:

  • Знак-икона; иконичность, степень визуального сходства каких-либо объектов, к примеру, фотографии и фотографируемого. Иконичность также воспринимается схематически или иллюстративно: красный и оранжевый цвета относят к теплым оттенкам, темные оттенки считаются тяжелыми и др.
  • Знак-индекс; индексикальность, установление связи значения с контекстом знака (примеры: изображение зеленого банана свидетельствует о недозрелости, желтого – о спелости, коричневого – о перезрелости).
  • Знак-символ; символичность относится к той категории, в которой означаемое и знак связываются по определенной договоренности. Под символичностью знака маркетологи подразумевают язык цвета. К примеру, зеленый символизирует движение, тогда как красный – остановку. Символизм цветов в этом случае используется без установления предварительной логической связи между означаемым и знаком, поэтому все зависит от определенного контекста.

Цвет и брендинг

Например, в строительстве – стены сначала нужно построить, отшлифовать и загрунтовать, и только потом можно приступать к окрашиванию.

узнаваемые цвета известных брендов

Этот же принцип нужен для создания лендинга: в первую очередь необходимо принять основополагающие решения (определить стратегию, источники трафика, ценовую политику, также сюда относится таргетирование кампании, сегментирование целевой аудитории). И только на следующем этапе занимаются подбором цвета главных СТА-элементов.

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

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

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

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

Цвет и конверсия, или Знаменитая Большая Оранжевая Кнопка

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

большая оранжевая кнопка повышает конверсию

Нажимайте на кнопку и присоединяйтесь к нашему сообществу!

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

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

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

При создании лендинга пользуются формулой цветового баланса в пропорциях «60/30/10». Это значит, что на основной цвет целевой страницы нужно отвести 60% страницы, на вторичный цвет — 30%, на цветовые акценты – оставшиеся 10% площади.

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

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

Акцентирующий цвет, занимающий 10% общей площади, на самом деле очень редко отвечает указанным требованиям.

Пробелы

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

пробелы и свободное место на лендинге улучшают читаемость контента

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

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

Однако, сеанс айтрекинга, проведенный сервисом EyeQuant, говорит о противоположном явлении. Посетители почти не смотрят на этот элемент.

Выбор цветовой схемы в различных маркетинговых нишах

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

выбирайте цвет согласно вашей ЦА

Индустрия моды является одной из наиболее крупных экосистем E-Commerce в сети Интернет. При этом ей свойственна некая унификация – при оформлении сайтов в основном используется сходная цветовая гамма.

Еще в 1920-х годах Chanel открыла миру теперь всем известную черно-белую гамму, которую позже внедрили и в Глобальную сеть. Сегодня этот же стиль применяют многие другие бренды: Net-A-Porter, American Apparel, TopShop, Sales Gossip.

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

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

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

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

Тестирование

Один из основателей CrazyEgg и KISSmetrics, Нил Патель однажды заявил, что специалист Google, который отвечал в свое время за создание кнопки для Gmail, выполнил множество А/Б-тестирований, чтобы понять, какой оттенок синего (из 50 или, как пишут другие источники, 41 отобранных) будет работать эффективнее.

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

А/Б-тестирование

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

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

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

Небольшие выводы

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

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

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

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

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

А/Б-тестирование – это лучший способ определить зависимость брендинга и конверсии от подобранного цвета. А как это сделать — читайте в книге «Цвет. Волшебство воздействия»!

ЭЛЕКТРОННАЯ КНИГА - ЦВЕТ. ВОЛШЕБСТВО ВОЗДЕЙСТВИЯ

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

ПОЛУЧИТЬ СЕЙЧАС

Развивайтесь с нами и внедряйте новые знания!

🙂 А вы используете пробелы в лендингах? Есть ли у вас отработанная структура для посадочной страницы? Какие цвета применяете? Напишите свой ответ в комментариях ниже!

Logo80х80Понравилась статья?

Поделитесь с друзьями ценными материалами Виртуального Колледжа Рукодельного Бизнеса!

Апрель 29, 2017Катюша Деко

tvuch.ru


Смотрите также