B2B Landing Pages: какие задачи бизнеса решает посадочная страница. Посадочная страница (Landing Page)

Почему? Что стоит учесть, разрабатывая сайт для В2В? И нужен ли вам полноценный сайт, или достаточно Landing Page? В рамках Года Системного Электронного Маркетинга мы попросили рассказать о сайтах В2В Алексея Пучкова, руководителя проекта Setup.ru.

Сайт сегмента B2B часто создают по образу и подобию B2C. Забегая вперёд, сразу скажем, что это не работает. Другая проблема - отсутствие ожиданий относительно ресурса, то есть владелец бизнеса мало верит в то, что это еще и повысит продажи. В этой статье речь пойдет о том, как выглядит полезный сайт для B2B. Также затронем одностраничные продающие сайты Landing Page для этой сферы и выясним, какими свойствами они должны обладать.

Цель

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

Конкуренты

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

Кому?

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

• Клиенты . Каталог товаров с характеристиками и указанием точного названия модели товара, удобной фильтрацией; видеообзоры, лицензии, сертификаты.
• Партнеры . Раздел «Партнерам», новости компании, обзор внедренных технологий, заключенных договоров. Все, что детально отражает события внутри производства и во внешних связях.
• Журналисты . Здесь необходим «Пресс-центр» с пресс-релизами, интервью руководящих лиц, любые обзорные материалы. Обязательное оформление раздела «Контакты» с указанием того, кто ведет работу со СМИ.

Структура

Перед тем как создать сайт, тщательно продумайте, какие разделы там будут, и кто их будет читать.

1. Информация о компании. Разделы: «О компании», «История», «Руководители», «Контакты». Здесь все, что касается компании в целом и ее позиционирования.

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

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

4. Информация для СМИ. Новости, отчеты, пресс-релизы, награды, текстовые и видеоинтервью. Социальная ответственность и всевозможные инициативы должны быть представлены в отдельном разделе, в которой можно попасть с главной страницы. Обязательны контакты PR-отдела и графические материалы для использования в прессе: логотип компании, фотографии руководителей и пр.

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

6. Информация для соискателей. Открытые вакансии с возможностью отправить резюме. Прямой телефон отдела кадров с указанием контактного лица.

7. Информация для инвесторов. Информация, анонсы собраний акционеров, результаты и дивиденды.

8. Контактные данные. Здесь все номера телефонов, e-mail, адрес с картой, часы работы, условия посещения (пропуски, документ удостоверяющий личность)

Специфика

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

Компания «Лифтсервис» реализовала на своем сайте интересный конструктор, где можно выбрать параметры лифта и отправить таким образом заявку. Цен на сайте нет, но предполагается, что с клиентом связывается менеджер, который уже понимает класс и потребности клиента.

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

Сайт для успешного офлайн-бизнеса

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

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

Чем отличается сайт от Landing Page для B2B?

Начнем с того, что Landing Page для B2B - это конкретное предложение с четкой линией убеждения, но не путать с экзальтированным преподношением B2C. Если «бизнес клиенту» - это стрельба по воробьям из дробовика, то «бизнес бизнесу» - сосредоточенная охота на ястреба.

Сайт для B2B - это информационный ресурс, который направлен на большие категории посетителей (клиенты, партнеры, журналисты). Landing Page для B2B - это предложение сотрудничества, направленное на определенный сегмент категории. И чем больше сегментов, тем больше должно быть лендингов.

Важные проблемы и распространенные вопросы:

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

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

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

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

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

Кнопка. Для B2B лучше работает развернутая формулировка. Например, «Получить материалы на e-mail» вместо короткого «Получить!». Но лучше тестировать в каждом конкретном случае.

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

Изображения. Откажитесь от бесплатных фотобанков и от платных тоже! B2B-лендинг обойдется без этих изысков, если текст грамотно составлен. Если нет, то он работать не будет, и картинки его не спасут.
Триггеры. Стандартные для B2C здесь не работают. В масштабном производстве сложно воздействовать на жадность и жажду халявы. Есть методики, с которыми нужно работать аккуратно, и каждый «бонус» должен быть понятен клиенту.

Размер. Грубейшей ошибкой в B2B-лендинге будет короткий текст. Буллеты с ярким заголовком работают для B2C. Если у вас нет весомой информации о продукте B2B, вас не дочитают до конца.

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

Количество. Чем больше, тем лучше. Каждая целевая страница - это определенный тип посетителя и всегда один товар. Один Landing Page не может продавать сразу несколько товаров, принимать оплату и предлагать заказ обратного звонка. Если по анализу своей аудитории и предложений выяснилось, что нужно 100 целевых страниц, делайте.

Резюме

Как избежать распространенных ошибок в создании B2B-ресурса на старте? Задайте себе все нижеследующие вопросы.

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

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

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

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

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

Выводы

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

(Visited 11 839 times, 1 visits today)

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

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

1. iVision

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

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

«Мы не только умеем решать IT-проблемы наших клиентов, мы помогаем им продумать сценарии и выбрать лучший из возможных вариантов», - Дэвид Диджитс (David Degits), исполнительный директор

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

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

2.

Посадочная страница Salesforce Marketing Cloud лаконично демонстрирует категории услуг, не перегружая пользователя лишней информацией.

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

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

3.

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

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

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

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

4.

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

Осуществите миграцию вашего магазина

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

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

5. Interamark

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

От редакции: Интерактив на лендинге: что это такое и как его правильно применять в сфере B2B. Примеры вовлечения клиентов и интересные фишки далее.

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

Интерактивные карты

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

Элементы геймификации

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

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

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

Интерактивное руководство

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

Слайдеры

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

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

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

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

Выбор товара или услуги

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

Хорошим примером может служить landing page программы лояльности «Такса». В нем есть возможность найти оптимальную программу, просто поставив несколько галочек.

Выводы

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

От редакции: Обязательна для прочтения статья Надежды Богдановой , Марии Заржицкой, Александра Гридасова.

Как правильно показывать логотипы клиентов?

Ваши существующие/бывшие клиенты вкладывают деньги в то, чтобы их логотип был узнаваем. Почему бы этим не воспользоваться?

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

Вот несколько простых правил по размещению логотипов:

• Всегда давайте логотипы в их оригинальном цвете.
• Не верьте дизайнерам, что «братская могила» - это плохо. Это отлично! Это ваша стена побед! Просто не ставьте их слишком близко друг к другу, это выглядит неэстетично.
• «Карусель» лучше делать, только если у вас мало логотипов клиентов, в противном случае половина затеряется.
• Ставьте сначала громкие имена, а потом те, что попроще.
• Если клиентов очень много, делайте кнопку «Другие наши клиенты» и открывайте список логотипов ниже на этой же странице.
• Помните: в этой «братской могиле» важно количество и узнаваемость логотипов.

Как правильно представиться?

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

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

А вот ниже пример «по учебнику». Яркая кнопка «Заказать» и четкое рекламное сообщение: «Светодиоды оптом по самым низким ценам», «Прямая поставка на объект от 1 дня», «От 20 000 рублей». Кроме того, мне предлагают оставить контакт и говорят, что я получу коммерческое предложение через 15 минут!

Целевое действие на первом экране. В b2c его обязательно ставят на первый экран, так как посетителей много, среди них есть уже готовые к покупке, и их собирают прямо на первом экране. В b2b, как уже говорилось, в первой части происходит групповое принятие решения, для которого нужно значительно больше исходной информации, поэтому в b2b на первый экран нужно или ставить очень простое действие (например, «получить бесплатный расчет»), или предлагать продолжить чтение для более глубокого знакомства с вашим предложением. Это могут быть стрелки, призывающие скроллить, или текстовое предложение прочитать подробнее, или кнопки, ведущие на следующие экраны страницы. Единого ответа, ставить ли в b2b форму на первый экран или не ставить, нет. Все зависит от вашего предложения, его стоимости и вида бизнеса. Окончательный ответ даст лишь A/B-тест. В первом варианте посадочной страницы рекомендую ее поставить.

Как правильно объяснить свое предложение?

Покажите клиенту то, что он получит в итоге. Все гениальное просто!

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

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

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

Обратите внимание на эту идею: товар показан лицом, указана цена и количество товара на складе. Указание количества часто стимулирует продажи, потому что новый товар будет по новой цене и т. д.

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

Как мотивировать и чем убеждать?

Думаю, вам всем знакомы эти три буквы - УТП (уникальное торговое предложение). Вы без стеснения должны показывать его и еще ряд приятностей, которые получит клиент, обратившись к вам. Как правило, этот блок на сайте носит название «Наши/ваши преимущества» или «Почему выбирают нас».

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

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

Или в примере ниже: много слов, но по делу нет практически ничего. Значки перетягивают на себя все внимание, да и фон оставляет желать лучшего: текст на нем не читается!

Этот пример уже лучше, но смущает численность сотрудников компании. Так ли это важно для потребителя? Он же не в отдел кадров обращается. Вот если бы там было написано «Над вашим проектом работает группа из 5 человек» - это было бы уже УТП.

Вот еще одна из вариаций на тему. Ну и инфографика не выглядит такой притянутой за уши, как значки.

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

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

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

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

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

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

Простой пример.

Получаем результат.

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

Как правильно собирать лиды?

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

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

И смотрите: в первом примере человека просят оставить имя, а во втором - нет. Как правильно? Конечно, чем меньше полей, тем человеку удобнее, имя можно узнать и при первом звонке, но в b2b я рекомендую спрашивать имя, так как вам могут дать общий телефон компании. Или сразу просите мобильный для быстрой связи.

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