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

9 блестящих примеров дизайна веб-сайта B2B для вдохновения

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

Что такое веб-сайт B2B?

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

Нужна дополнительная помощь по дизайну? Профессионалы нашей компании веб-дизайна в Хьюстоне могут превратить ваше видение веб-сайта в реальность.

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

9 примеров веб-дизайна B2B

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

1. Бентобокс

Бентобокс

Bentobox следует мантре «меньше значит больше», позволяя своей копии говорить самой за себя.Минималистский подход трудно найти в отраслях B2B, где компании часто утомляют посетителей слишком большим количеством информации на первой странице.

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

Быстро загружающийся сайт важен, потому что 47% пользователей ожидают, что максимальное время загрузки составит 2 секунды, а 40% посетителей покинут сайты, которые все еще загружаются через 3 секунды.

2. Запасная лапка

Запасная лапка

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

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

3. WeWork

WeWork

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

Ищете визуально привлекательный макет для вашего нового сайта B2B? Ветераны дизайна из компании MARION по разработке веб-сайтов в Остине имеют многолетний опыт работы и добиваются потрясающих конечных результатов!

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

4. Крепкие напитки

Крепкие напитки

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

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

5. МОО

МОО

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

6. Зум

Зум

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

7. Айя

Айя

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

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

8. Рока

Рока

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

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

9. Pixelgrade

Разрядность пикселей

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

Доверьте MARION свой веб-дизайн B2B

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

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

О Марион Маркетинг

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

Лучшие практики дизайна веб-сайтов B2B, которые работают (с примерами)

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

Что там произошло?

Где отключение?

Обычно это одно из двух:

1. Вы отвлекаетесь на что-то другое
2. Вам неинтересно, о чем говорит собеседник

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

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

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

Давайте узнаем, как сохранить больше этого золота.

Факт:  Отчет MarketingProfs  показал, что, прежде чем завершить покупку продукта, 94% покупателей B2B изучают информацию в Интернете.

Дизайн веб-сайта B2B и дизайн веб-сайта B2C — в чем разница?

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

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

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

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

Ресурс: Потребности клиентов: ключ к эффективности веб-сайта

Начиная с основ веб-дизайна

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

Например, вот краткий список соответствующей статистики:

• Ваш сайт должен быстро дать посетителям повод остаться.  Интернет-пользователи склонны переходить от ссылки к ссылке в поисках нужного сайта. Если вы не докажете свою ценность в течение 10 секунд, большинство уйдет и уйдет в другое место (группа NN).
• Из тех, кто посещает ваш веб-сайт и считает его недостаточным, только 12% вернутся  , чтобы дать вам второй шанс (Econsultancy).
• Посетители ожидают, что страницы веб-сайта загрузятся в их браузерах в течение двух секунд.  По прошествии трех секунд многие вместо того, чтобы ждать, щелкнут мышью (Akamai, Econsultancy).
• Средний посетитель прочитает только около четверти содержания любой данной страницы (NN Group).
• Около четверти покупателей откажутся от корзины или точки перехода, если вы потребуете от них создать учетную запись  для оформления заказа (Visual Website Optimizer).

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

Нравится эта статья?

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

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

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

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

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

Три ключевых различия между методами проектирования веб-сайтов B2C и B2B

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

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

1. Путь B2B от осознания интереса к покупке, как правило, более длинный, чем путь B2C.  Следовательно, сайты B2B обязательно должны будут предоставлять более подробную информацию (например, официальные документы) и доступ к персоналу.
2. Продукты и услуги B2B часто продаются по значительно более высокой цене, чем продукты и услуги на сайтах B2C.  И снова путь к покупке вряд ли будет коротким. Покупка, как правило, требует индивидуальных конфигураций, а окончательная цена часто требует переговоров.
3. Веб-сайты B2C обычно хотят вызвать быстрый интерес и обеспечить продажу во время посещения.  В2В-сайты больше ориентированы на развитие отношений, чем на получение продажи. Бизнес B2B обычно не осуществляется на сайте; В2С есть.

Чтобы распознать и облегчить эти различия, веб-сайты B2B потребуют от дизайнеров сайтов снять шляпу B2C и надеть шляпу B2B.

Давайте посмотрим, чем отличаются передовые методы разработки веб-сайтов B2B и B2C.

Ресурс:  Почему цели веб-сайта являются ключом к эффективному росту

Основные передовые методы создания привлекательного веб-сайта B2B

Это не исчерпывающий список, поскольку ваши потребности будут отражать ваш бизнес и потребности в вашей нише. Вот некоторые из методов проектирования B2B, которые мы внедрили с нашими клиентами в The Good:

• Копия веб-сайта B2B часто может содержать технический язык, который веб-сайты B2C не могут избежать.  Заинтересованные стороны в отрасли обычно лучше разбираются в жаргоне, чем потребители. Вам не придется много объясняться с инсайдерами отрасли. Технические характеристики, которые могут запутать потребителей, могут быть необходимыми данными для ваших клиентов B2B.
• Веб-сайты B2B обычно требуют профессионального тона и внешнего вида.  Веб-сайты B2C могут быть более привлекательными и легкими. Сайты B2B хотят завоевать доверие и уважение в отрасли. Сайты B2C хотят, чтобы потребители любили их и говорили о них.
• Веб-сайты B2B должны учитывать потребности и вопросы всех заинтересованных сторон внутри компании.  Окончательное решение о покупке B2B часто принимается группой. Веб-сайты B2C, как правило, работают один на один, когда решение о покупке или передаче находится в руках одного человека.
• Маркетинг B2B включает тематические исследования, звонки по продажам, общение на мероприятиях, вебинары, официальные документы и тому подобное.  Маркетинговый контент для веб-сайта B2B будет больше сосредоточен на предоставлении идей и решений для привлечения потенциальных клиентов. Маркетинг B2C чаще обращается к социальным сетям и блогам, чтобы привлечь потенциальных клиентов.
• Продажи B2B часто приводят к длительным живым беседам между несколькими отделами.  Воронка продаж B2B — это гораздо более медленный процесс, поскольку обычно в принятии решения о покупке участвует несколько человек. Продажи B2C обычно происходят виртуально. Помощь, если она вообще понадобится, может быть через онлайн-чат и займет несколько минут вместо нескольких месяцев (например) прямого общения.

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

Сайт — это не просто сайт.

Ваш сайт для генерации лидов или электронной коммерции — это онлайн-лицо вашей компании. О вас в значительной степени будут судить по вашей презентации там.

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

Дизайн веб-сайта B2B — стратегические соображения для успешной оптимизации

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

Пойдем немного дальше.

Уровень вашего внимания зависит от того, насколько важным вы считаете обмен информацией.

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

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

Как веб-сайт делает это?

Самый сокровенный секрет цифрового маркетинга

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

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

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

Рассмотрим пример из области медицины. Обратите внимание на разницу между пунктами меню хирурга (B2C) и производителя медицинского оборудования (B2B) на скриншотах ниже.

Хирург для пациентов: как сайт B2C использует целенаправленный обмен сообщениями и дизайн веб-сайта для связи со своей аудиторией

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

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

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

Если вы выполните поиск по слову «спасибо, доктор», вы обнаружите, что этот веб-сайт занимает первое место в результатах поиска. Это впечатляет, учитывая количество врачей, имеющих веб-сайты в США.

Компания по производству медицинского оборудования для врачей – чем сайт B2B отличается от сайта B2C

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

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

Нажмите на вкладку «Обзор» McKesson, и вы найдете следующие элементы подменю: Поставщики, Аптеки , Планы медицинского обслуживания и Производители .

Нажмите на вкладку Наши услуги для доктора Хиггинса, и вы увидите Уход за грудью  и Общая хирургия .

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

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

Вероятно, вы не хирург и не поставщик медицинских услуг. Однако эти примеры применимы ко всему спектру отраслей и ниш.

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

В этом суть эффективного дизайна — будь то B2B или B2C.

Ресурс:  4 ключа к успешному редизайну веб-сайта

Как вы должны виртуально встречаться со своими потенциальными клиентами B2B?

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

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

Хотите бесплатно удалить целевую страницу?

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

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

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

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

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

Об авторе

Джон Макдональд

Джон Макдональд является основателем и президентом The Good, фирмы по оптимизации коэффициента конверсии, которая добилась результатов для некоторых из крупнейших онлайн-брендов, включая Adobe, Nike, Xerox, Verizon, Intel и других. Джон регулярно публикует материалы по оптимизации конверсии для таких изданий, как Entrepreneur и Inc.Он знает, как заставить посетителей действовать.

Как создать веб-сайт B2B, который удивляет, восхищает и конвертирует

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

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

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

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

Определите свои цели и то, как вы будете измерять эффективность

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

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

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

• просмотров страниц, которые указывают на узнаваемость бренда и общий объем трафика.
• Время, проведенное на сайте, которое показывает, насколько хорошо ваш контент находит отклик у посетителей.
• Достигнутые цели, измеряющие количество посетителей, выполнивших желаемое действие.
• Подписка по электронной почте, которая указывает на устойчивый интерес к вашему бренду, продукту или сообщениям.
• Коэффициент конверсии MQL в SQL, который измеряет, сколько потенциальных клиентов, отвечающих требованиям маркетинга, становятся лидами, отвечающими требованиям продаж.
• Загрузка контента, демонстрирующего интерес к точке зрения вашей компании.
• Форма отказа от потенциальных клиентов, которая поможет вам точно определить момент, когда лиды решат отказаться от вашего продукта или услуги.

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

Карта пути покупателя

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

Понимание процесса покупки B2B

В отличие от покупателей B2C, которые завершают транзакцию, просто нажав «добавить в корзину», у покупателей B2B более сложный процесс покупки.Согласно Gartner, «типичная группа закупщиков сложного B2B-решения включает от шести до десяти лиц, принимающих решения», и этот процесс не является линейным. Часто вы продаете не просто одному посетителю сайта — вы продаете этому посетителю, его боссу и боссу его босса. Это означает, что вам нужно создать впечатление, которое очаровывает первоначального посетителя, предвосхищая мысли других людей.

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

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

Проведение исследования пользователей

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

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

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

Разработка портретов покупателей

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

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

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

Объедините свой бренд и обмен сообщениями

Единая система дизайна упрощает и ускоряет создание целостного веб-сайта, посвященного бренду.

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

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

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

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

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

Организуйте и оптимизируйте контент и UX

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

1. Разработайте умный макет. Используйте свои исследования клиентов, чтобы определить, как организовать свой сайт таким образом, чтобы быстро решать самые насущные проблемы ваших клиентов и направлять их к вашим решениям.
2. Сокращение кликов клиентов. Оптимизируйте свою информационную архитектуру и структурируйте свой сайт, чтобы уменьшить количество кликов, необходимых для того, чтобы помочь клиенту добраться туда, куда он хочет.
3. Дизайн с учетом SEO. SEO должно влиять на разработку контента с самого начала, а не только задним числом. Все, от заголовков до изображений, должно помочь основным клиентам легко найти ваш сайт в результатах поиска.
4. Оптимизация конверсий. Ускорьте конверсию ваших клиентов, определив, чего они хотят от вас, и устранив все препятствия, которые могут стоять на их пути.
5. Приоритет доступности. Убедитесь, что ваш сайт доступен для каждого клиента. Разрабатывая с учетом принципов доступности, вы можете создать лучший UX для каждого потенциального клиента.

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

Тестирование, запуск и проверка

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

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

Оптимизируйте взаимодействие с клиентами с первого дня, тщательно изучив и протестировав сайт перед запуском. Обязательно:

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

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

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

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

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

10 ОБЯЗАТЕЛЬНО СДЕЛАТЬ, прежде чем приступить к разработке веб-сайта B2B

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

Кредит изображения

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

Дизайнер : Что вы хотите разместить на своей домашней странице?

Клиент : Мы думаем добавить эту захватывающую графику в баннер; мы разберемся с точным текстом позже.

Дизайнер : Хорошо, хорошо.Как насчет ниже этого?

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

Дизайнер : Ну конечно…

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

Дизайнер : У вас есть сделка!

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

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

Ну, мы продаем дорогостоящие услуги, поэтому наши покупатели никогда не будут покупать онлайн; это не тот тип продукта, мы разные…”

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

Независимо от того, есть ли у вас продукт или услуга самообслуживания, которые покупатели просто покупают прямо на вашем сайте, или вы продаете многомиллионные консалтинговые или программные проекты, ваши покупатели все равно проводят свои исследования в Интернете. Сколько исследований? Это почти прямо пропорционально цене вашей услуги, поэтому, если вы продаете $10.00 SAAS, вам, естественно, будет задано меньше вопросов, чем если бы вы продавали проекты стоимостью 1 миллион долларов.

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

Здесь лучше сказал гуру юзабилити Якоб Нильсен:

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

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

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

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

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

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

• О чем речь
• Для кого это
• Что включено
• Что делает его хорошим
• Ответы на самые распространенные вопросы ваших покупателей
• Объясните, почему вы противваши конкуренты

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

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

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

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

1. Задайте вопрос конечному покупателю

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

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

Вы делаете это, напрямую задавая своим покупателям открытые вопросы, такие как :

• Какую основную проблему вы пытались решить с помощью нашего продукта?
• Насколько хороши для вас продукт или услуга?
• Какие причины повлияли на ваше решение купить у нас?
• Что важнее всего при оценке вариантов?
• Подробно опишите процесс покупки?
• Кто участвовал в принятии решения?

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

2. Спросите также свои отделы продаж и маркетинга

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

Что вы должны хотеть от вашего сайта B2B:

В то же время ваш клиент обычно хочет:

• Ценная информация
• Информация о ценах
• Быстрый ответ
• Решение его потребностей

Чтобы добиться правильного баланса, важно задать вашей команде ключевые вопросы, например:

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

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

3. Придумайте образ покупателя

Одно из лучших определений образа покупателя дает Тони Замбито, который называет образ покупателя « основанным на исследованиях архетипическим представлением »:

• Кто покупатели
• Чего хотят добиться покупатели
• Какие цели мотивируют поведение покупателей
• Что думают покупатели
• Как покупатели покупают
• Почему покупатели принимают решение о покупке
• Где покупатели покупают
• Когда покупатели принимают решение о покупке

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

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

Кредит изображения

Создание высоконадежного покупателя зависит от следующих восьми факторов:

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

4.Карта процесса покупки клиента B2B

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

По сути, процесс покупки B2B можно разбить на три этапа: осознание, оценка и решение.

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

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

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

Итак, почему это важно при редизайне вашего сайта B2B? Все просто: ваш сайт — это инструмент продаж для вас, а для ваших покупателей — инструмент, помогающий им принять правильное решение.

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

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

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

Кредит изображения

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

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

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

Кредит изображения

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

#1 — Убийственное предложение —

#2 — Убедительная страница для продажи убийственного предложения

#3 — Бонусное предложение «выбери мой мозг» (ограничено)

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

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

#1 — Убийственное предложение (хорошо, мы знали это)

№ 2 — Целевая страница, чтобы убедить вас приобрести товар, с применением всех конверсий и приемов убеждения, описанных в книге.

#3 — Бонусное предложение «выбери мой мозг» = бесплатная консультация (звучит знакомо?) — это формальная часть его процесса продажи более продвинутых консультационных услуг.

№ 4. Потрясающие рабочие процессы = ваша старая добрая кампания по взращиванию лидов на стероидах.

Имейте в виду:

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

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

5.Создайте контент и план преобразования

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

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

Кредит изображения

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

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

6. Определите цель пользователя сайта

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

Кредит изображения

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

Вот несколько замечательных советов по созданию убийственного призыва к действию:

7. Аудит текущего веб-сайта и его содержания

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

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

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

При аудите объекта вы должны сосредоточиться на:

Содержание:

• Востребованный контент : какие страницы просматривают ваши покупатели?
• Потоки пользователей : как покупатели перемещаются по сайту? они бродят по страницам в поисках информации?
• Источники трафика : Откуда поступает ваш трафик?

Показатели:

• Коэффициенты конверсии : Каковы текущие коэффициенты конверсии от посетителя до лида
• SEO: насколько хорошо оптимизированы страницы вашего сайта?

Обмен сообщениями, фокус и удобство использования:

• Ясность в содержании и маркетинговом сообщении. Легко ли понять, что это такое? Что оно делает? и, для кого это?
• Отвлечение : Есть ли единый поток к действию или много конкурирующих элементов? например насколько хорошо текущий сайт справляется с работой, удерживая покупателя на задании, вместо того, чтобы размещать кучу конкурирующих призывов к действию?
• Уверенность пользователей : могут ли пользователи быть уверены, что это именно то решение, которое им нужно? ответы на их самые распространенные вопросы?
• FUD (страхи, неуверенность и сомнения) — присутствуют ли на сайте источники разногласий?
• Дизайн — соответствует ли дизайн и внешний вид сайта образу покупателя? хорошо ли он представляет желаемый имидж бренда?
• Удобочитаемость — покупатели есть читатели, легко ли читается текущий сайт на разных устройствах?

8.Уточнение новых пользовательских потоков

Это относится конкретно к тому, что вы хотите, чтобы ваши покупатели делали, когда они приходят на ваш сайт. Цель вашего B2B-сайта всегда будет заключаться в том, чтобы посетители сайта конвертировались, будь то просто подписка на бесплатную белую книгу или покупка чего-либо. Будет очень полезно быть на 100% уверенным в этом.

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

Вот как может выглядеть типичный пользовательский поток:

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

Но это еще не все. После того, как каждый из шагов пользовательского потока определен, вы должны определить каркас для каждого шага.

В структуре макета каркаса необходимо уметь:

• Объясните, о чем страница
• Ответьте на все ключевые вопросы для этого шага
• Развейте все страхи, неуверенность и сомнения
• Уточнить, каким будет следующий шаг или каркас

9.

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

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

Каркас — это чертеж, определяющий для каждой страницы следующее:

1. Информация, содержащаяся в нем
2. Макет
3. Основные сообщения и поток
4. Размещение призыва к действию
5. Навигация
6. Примечания к пользовательскому интерфейсу (какие изображения использовать, какую интерактивность или другую функциональность)

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

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

Вот несколько примеров каркасов:

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

Вот еще несколько довольно крутых примеров каркасов целевых страниц:

12 замечательных каркасных примеров целевых страниц

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

10.Разъясните правила нового веб-сайта

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

Начните с ответа на этот простой вопрос:

— Что самое главное, что вы хотите, чтобы ваш сайт делал, чтобы считать его успешным? —

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

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

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

1. Это тот, кто запрашивает бесплатную демо-версию?
2. Это тот, кто запрашивает бесплатную пробную версию?
3. Это тот, кто заполнил форму на странице цен?
4. Что представляет собой хороший квалифицированный лид по продажам?

Графические дизайнеры и копирайтеры также должны иметь четкое представление о следующих элементах:

• Руководство по дизайну : Каким должен быть стиль дизайна нового сайта? должен ли он выглядеть передовым или более мрачным и серьезным? (мы не спрашиваем, что думает здесь генеральный директор, мы спрашиваем, что наиболее подходит для покупателей; что улучшит их взаимодействие с пользователем?)  каким должен быть внешний вид?
• Тон голоса : как вам нужно звучать, чтобы отличаться от конкурентов и привлекать покупателей
• Длина копии : следует ли использовать короткую или длинную копию
• Ясность и иерархия : что пользователь должен видеть первым, вторым, третьим, по крайней мере, на страницах, которые являются частью пользовательских потоков.
• Читаемость — типы и размеры шрифта
• Призывы к действию известность
• Уверенность пользователя элементов
• Области, посвященные ответам на вопросы покупателей

Заключение

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

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

Кредит изображения

Есть по крайней мере 10 конкретных пунктов, описанных выше, которые вам придется решить, прежде чем вы даже задумаетесь о дизайне своего B2B-сайта. Однако не поймите неправильно: Дизайн вашего сайта также важен. I Любой сайт, который выглядит визуально привлекательным, все равно не будет эффективным, если сначала не позаботиться о вышеупомянутых основах.

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

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

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

Лучшие веб-сайты компаний B2B: 22 отмеченных наградами примера дизайна (2019) | по Шу | One X Tech

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

https://www.dropbox.com

MailChimp создал очень приятный и короткий веб-сайт для своей целевой аудитории. С текстом «У тебя большие идеи. Что теперь?», они сразу говорят вам, что знают, каким должен быть следующий шаг для вашего бизнеса. Быстрая анимация также показывает, насколько легко использовать Mailchimp для достижения ваших целей электронного маркетинга. Таким образом, они привлекают компании всех размеров, которые хотят опробовать этот инструмент.Однако для создания такого минималистического веб-сайта ваш бренд должен быть настолько сильным, чтобы говорить сам за себя.

https://mailchimp.com

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

https://evernote. com

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

https://www.cloudpassage.com

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

https://slack.com/intl/en-sg/

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

https://carbonmade.com

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

https://trello.com

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

Home

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

https://www.mint.com

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

https://asana.com

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

https://www.sysdoc.com

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

https://www.salesforce.com/ap/

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

Vidyard – Video Tools for Virtual Sales and Marketing Teams

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

https://www.weblounge.be/en/

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

https://hootsuite.com/en-sg/

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

https://www.twentysixdigital.com/about/

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

http://tedtoddinsurance.com

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

https://pro.iconosquare.com

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

https://prezi.com

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

https://oliverrussell.com

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

https://thisisthebrigade.com

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