Контакты оформление страницы: Приятно связаться: 15 примеров страниц «Контакты»

Содержание

обязательные и дополнительные элементы, примеры, влияние на SEO

Грамотное оформление страницы «Контакты» на сайте влияет не только на поведение пользователей. Наличие некоторых элементов и данных учитывается поисковыми системами и положительно влияет на продвижение сайта в топ-10.

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

Как оформить страницу «Контакты» на сайте: обязательные и дополнительные данные

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

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

Микроразметка страницы контактов помогает поисковикам обрабатывать данные и структурировать информацию.

Используйте стандарты Schema.org, которых придерживаются Яндекс и Google.

Теперь разберемся с тем, как заполнить контакты.

Обязательные элементы

По умолчанию к обязательным полям относятся следующие:

  • номер телефона;
  • электронная почта;
  • фактический и юридический адрес;
  • график работы.

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

Вот не самый удачный пример страницы «Контакты» регионального строительного магазина:

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

Дополнительные элементы

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

Местоположение

  • Карта от Яндекса или Гугла. Предпочтительно использовать их, но часто они увеличивают скорость загрузки страницы. Многое зависит от CMS сайта, и вопрос нужно решать вместе с разработчиком. Если для вас это слишком долго и затратно, можно нарисовать схему в графическом редакторе. Пригодится и QR-код с информацией об адресе компании.
  • Фотография входов в офис/здание. Особенно, если он расположен далеко от центра города или люди часто не могут его сразу найти.
  • Возможность выбора ближайшего пункта обслуживания на карте в зависимости от местоположения пользователя.
  • Кнопка «Печать» используется реже, чем раньше, но все равно удобна для многих.

Информация о компании

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

Неудачный пример оформления у магазина, занимающегося продажей сигар и алкогольной продукции:

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

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

  • Добавьте популярные мессенджеры, как, например, в интернет-магазине Wildberries:
  • Ссылки на группы в соцсетях и другие сайты проектов компании – улучшат репутацию, повысят доверие, подробнее познакомят потенциальных покупателей с деятельностью фирмы.
    Некоторые пользователи выбирают соцсети в качестве предпочтительного способа связи.
  • Форма обратной связи — удобна для покупателей и пригодится при отслеживании целей в Яндекс Метрике или Google Analytics. Используйте минимальный набор необходимых полей (зачастую пользователю лень заполнять информацию о себе). Для обращения в техподдержку желательно настроить авторизацию через соцсети. Регистрация на сайте всего лишь для того, чтобы задать вопрос или получить консультацию о продукте, у многих пользователей вызывает раздражение.
  • Помимо мобильного, наличие регионального телефона, а еще лучше – 8 800. Влияние многоканального номера замечено несколько лет назад и до сих считается весомым фактором ранжирования. Особенно если ресурс продвигается по нескольких регионам или странам.
  • Функция обратного звонка.
  • Компании, у которых указаны филиалы и представительства в других городах, также получают преимущество при ранжировании.
    Вот как это выглядит на сайте РБК:

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

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

Юзабилити

  • Почта на своем домене — повышает доверие и добавляет солидности. Поисковики также учитывают этот фактор.
  • Разные варианты связи с разными филиалами (отделами) — для каждого подразделения свои контакты. Также имеет смысл оставить данные руководителей отделов и их имена. Удачный пример на сайте банка «Тинькофф». Кроме того, у них можно сразу скачать бланки для заполнения документов, что несомненно очень удобно и практично:
  • Видеотрансляция из офиса (кухни, студии) — помогает наладить доверительные отношения с аудиторией и увеличить время нахождения на сайте, вследствие чего улучшаются поведенческие факторы.
    Безусловно, подходит это не всем направлениям, но если речь идет о салоне красоты или пиццерии – почему бы и нет?
  • Используйте качественные картинки для сайта, уникальную графику. Нечеткие, размытые изображения, которые распадаются на пиксели, выглядят неаккуратно.
  • Фотографии офиса и сотрудников. Можно добавить на страницу «О компании», но если вы разместили контактные данные сотрудников сюда, то фото помогут дополнить информацию.
  • Удобная разметка контактных данных – если их слишком много, удобно нарисовать таблицу или разбить на блоки, как это сделано на сайте «Гурман»:

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

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

  • привлечение оптовых покупателей;
  • постпродажное обслуживание;
  • повышение доверия и улучшение репутации.

Для SEO грамотное оформление решает следующие задачи:

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

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

75 примера выигрышных страниц «Контакты» для вашего бизнеса – GeniusMarketing

Как выглядит ваша страница «Контакты»?

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

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

Какие контакты размещать на сайте?

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

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

Итак, какую информацию следует размещать на странице «Контакты»:

  • адрес компании и ее представительств;
  • рабочие часы и выходные дни;
  • расположение на Google Maps или Яндекс.Карты;
  • схему проезда: автомобилем и общественным транспортом;
  • информацию о парковке;
  • телефоны: городские, мобильные;
  • электронный адрес;
  • фотографии офиса, здания, сотрудников;
  • ссылки на страницы в соцсетях;
  • логины в мессенджерах: Skype, Telegram, WhatsApp;
  • контакты и имена руководителей и сотрудников.

Думаете, как это все правильно упорядочить? Поскольку одна картинка стоит 1.000 слов, я подобрал 73 примера. Изучайте их и внедряйте в свой бизнес:

Примеры страниц: контакты компании

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

В этом блоке я покажу, как можно разместить контактные данные, если у вас 2, 10 или даже 100 офисов в пределах одной страны или по всему миру. Итак, что вы можете добавить на сайт:

Адрес компании и карту

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


PresentStar

  1. Укажите также рабочие часы и график в выходные или праздничные дни. Вы ведь не хотите, чтобы клиенты пришли, когда вас не будет на месте?


Visit Universidade de Coimbra

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


Abet Laminati

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


Рефиниш Автолак

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


Тяжмаш

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

ПриватБанк

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


Почта Банк

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


CP + B

  1. Дайте волю фантазии. Например, добавьте фото каждого города, в котором у вас есть представительство, в виде галереи из плиток. При нажатии на изображение посетитель увидит всю необходимую информацию: адрес, телефон, email.

Sciener

  1. Или установите переключатель между филиалами. А на задний фон добавьте черно-белое атмосферное фото выбранного города. Чтобы посетитель не заблудился в пути, укажите ссылку на Google Maps с вашими координатами.


Siutkin

Номер телефона офиса и ключевых сотрудников

  1. Если вы хотите, чтобы вам звонили (а уже потом писали, или приезжали в офис) просто добавьте на первый экран призыв и номер телефона:

RD Construction

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


Rouge Society

  1. Две большие буквы, обозначающие страну или город, где находится ваш офис, добавят особого шарма странице «Контакты». А самое главное, что такой прием можно использовать в любой нише. Единственное условие: наличие 3-6 представительств, чтобы страничка не выглядела ни слишком пустой, ни перегруженной. И конечно же важно добавить номера телефона офисов, чтобы посетители смогли связаться с представителями.


Tool

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


Gurman Family

  1. Активные глаголы можно использовать не только в статьях и на лендингах. Страница «Контакты» заиграет по-новому, если рядом с emailом, телефоном и адресом вы добавите слова «Пишите», «Звоните», «Приезжайте».

Prostor Capital

  1. Продумайте, какой информации будет достаточно вашим потенциальным клиентам и партнерам для первого контакта. Не перегружайте страницу, добавляя все данные, которые у вас есть. Иногда достаточно призыва «Свяжитесь с нами», emailа, телефона и адреса. Особенно если у вас небольшая фирма и нужного человека можно будет быстро найти.


Studio 81/69

Юридический адрес компании

  1. Зачем? — скорее этот вопрос вы себе задали, когда прочитали название подпункта. Но юрадрес вместе с другими данными (ОКПО, например) повышает к вам доверие. А еще если вы вместе с ним разместите банковские реквизиты, покупателям будет проще перечислить деньги. И да, этот пункт более актуален для сферы B2B.

РБК

P.S. Нужно больше информации о вашем покупателе? Читайте, как понять клиента: 5 способов детально изучить вашу целевую аудиторию.

Примеры страниц: фотографии офиса и сотрудников

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

В этом блоке вы увидите множество вариантов размещения фотографий на странице. Выбирайте вашего фаворита:

  1. Дополните фотографиями здания расположение на Яндекс.Карты или Google Maps. Теперь вас точно найдут.


Substrakt

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


Engage Interactive

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


Batnorton

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


Все пучком

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


Digital base

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

Molamil

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

Mood Board

  1. Готовы раскрыть свою личность перед клиентами? Если вы немного стесняетесь, спрячьтесь за табличкой с контактными данными. Необычный и яркий вариант использования фотографий на странице «Контакты».


Mark Jaworski Studios

  1. Или добавьте нарисованных сотрудников — это тоже хороший способ представиться потенциальным клиентам.


Melonfee

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


n.design studio

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


Everywhere.is

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


Built by Buffalo

Примеры страниц: контакты для связи и форма

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

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

Переходим к примерам:

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


Brown’s Court

  1. Добавьте объяснение, зачем посетителям оставлять сообщение. Например: «Мы ответим на любые ваши вопросы, исходя из нашего опыта. Хотите попробовать что-то новое? Пишите нам — мы вместе найдем ответы  и способы реализации вашего проекта».


Combadi

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


Sweet Basivail

  1. Прежде чем создавать страницу «Контакты», определите приоритеты. Продумайте модель поведения вашего посетителя. Возможно, сперва для него важно получить письменный ответ. И уже потом позвонить или прийти к вам в гости. Составили маршрут? Теперь разместите блоки в нужном порядке.


Fhoke

  1. Ловите креативный подход при добавлении формы обратной связи: птицы, которые держат веревку с двух сторон. Обратили внимание на единство стиля? На картинке вверху те же птички.


Vismaad

  1. «Чем мы можем быть полезны? Давайте создавать красивые вещи вместе» Хороший призыв для страницы контактов. Идеально сочетается с формой обратной связи.

Chilli

  1. Если вы заинтересованы в привлечении как клиентов, так и работников, проясните это на первом экране страницы «Контакты». Задайте вопрос: что вы хотите сделать? Ниже разместите две кнопки с вариантами ответов «Работать с нами» или «Нанять нас». При переходе по каждой из ссылок разместите свою форму обратной связи.

Infinum

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

WhiteFrontier

  1. Текст с призывом «Станьте частью Sound of Change» и форма обратной связи, на которой незаполненные поля выделяются красным. Просто и функционально. Главное, не забудьте добавить ссылки на соцсети для тех, кто захочет пообщаться с вами лично.


Sound of Change

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


Lera Mishurova

Примеры страниц: адрес офиса и приглашение в гости

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

Только давайте договоримся: никаких длинных простыней. Максимум 2 кратких абзаца с ярким текстом и четким призывом к действию. Как это сделать? Легко. Смотрите примеры ниже:

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


Genius Marketing

  1. Еще один пример страницы «Контакты», где главная цель — помочь клиентам. Отсюда и вопрос, который подводит к заполнению формы.


Grain & Mortar

  1. «Позвоните нам. Извините, если мы не ответим. Иногда мы уходим полностью в то, чем хотим с вами поделиться. Но мы перезвоним очень скоро. А пока просмотрите записи в соцсетях, чтобы понять, чем мы занимаемся.» Такой фразой встречает вас страница контактов на сайте Welikesmall. Согласитесь, ярко и оригинально.


Welikesmall

  1. Еще один пример креативного призыва. Вместо стандартного «Свяжитесь с нами» — «Поделитесь с нами вашими мыслями».


Hommard

  1. Распишите подробнее, чем именно посетителям стоит с вами поделиться и зачем им это делать. Например: «Расскажите о своей блестящей идее для страт-апа — и мы поможем воплотить ее в жизнь». И предложите несколько вариантов для связи: написать или позвонить.


Si Digital

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

Тинькофф

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


Codequest

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

Studio AIRPORT

  1. Добавьте перечень основных услуг на страницу «Контакты» — напомните будущим клиентам, что вы можете им предложить.

Always Awake

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

Hello Monday

  1. Еще один интересный пример призыва: «Следите за нашими приготовлениями на Facebook, последними трендами — в Twitter, яркими событиями — в Linkedin». Адаптируйте под свой бизнес и применяйте его на странице «Контакты».


Online department

  1. Дайте посетителям причину выбрать вас среди множества других фирм, например: «Мы перенесем вас в будущее мобильного маркетинга».

Tune

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


Branded7

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


Пуговица

  1. Для небольших фирм интересный вариант — сделать страницу «Контакты» в виде ответа на 3 вопроса, где и размещены все нужные данные. Что это могут быть за вопросы?
    • Как я могу с вами связаться?
    • Вы выступите на моем ивенте?
    • Почему я так долго не получаю ответ?


Owltastic

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


Феерия

  1. Пишите текст на странице «Контакты» не для поисковиков, дяди Вити или всех посетителей. Главный критерий: призыв понятен вашим клиентам и вызывает нужные ассоциации. Например, вы знаете, кто такой Бенкси? Человеку, далекому от мира искусства, это имя, скорее всего, ничего не скажет. А люди «в теме» сразу поймут, что речь идет об английском художнике стрит-арта, чья личность неизвестна. И в этом контексте следующее предложение обретает свой смысл.


Home is art

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


Желтый Кролик

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


playkot.com

Примеры креативных страниц «Контакты»

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

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


Edita’s Casting

  1. Любите минимализм? Он смотрится необычно и выгрышно. Как и страница, которая «выезжает» сверху:


Minimal Monkey

  1. Другой вариант — вкладка «Контакты». Просто и незатейливо, как и все гениальное.


Spokes

  1. Страница контактов в виде листовки с призывом: «Напишите. Если вы не получите ответ мгновенно, скорее всего, я где-то путешествую. Я отвечу, как только доберусь до цивилизации. Обещаю!» Все четко и по делу. Сможете адаптировать этот пример для своего сайта?


Let’s travel somewhere

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


Truf Creative

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


Madwell

  1. Или сделайте более сложную анимацию. Согласитесь, можно часами рассматривать все «живые» картинки на этой странице с контактами.


Jacquico

  1. А иногда достаточно просто правильно выбрать шрифты, и ваша страница заиграет новыми красками.


Yin + young

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

Root Studio

  1. Немного яркости и креатива? Легко. Просто разместите оригинальное фото.

Klavy

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

Hula Bula Bar

  1. Креативный — не обязательно навороченный. Иногда достаточно оформить контакты в виде речевых пузырей.

Deda

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

QuickSprout

  1. Хотите выделиться? Для этого не нужна навороченная анимация или крутой иллюстратор на кнопке быстрого набора. Достаточно яркого желтого фона и нешаблонного текста.


Отмазка — запаска

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


mediocore

  1. Страница контактов не должна быть сухой и официальной. Добавьте немного юмора — ваши будущие клиенты это оценят.


Штирлиц Бэнд

  1. Белый фон можно разбавить надписью и рисованными иконками, особенно если у вас сайт иллюстратора.


Jo Weaver

Финиш…

Вы вдохновились этими примерами и создали страницу «Контакты», которая покорит ваших посетителей? Не спешите ее публиковать. Сначала ответьте на эти вопросы:

  • Все ссылки рабочие, особенно адрес электронной почты и страницы в соцсетях?
  • Дизайн яркий и оригинальный?
  • Скорость загрузки страницы в пределах 5-10 секунд?
  • Текст вовлекает и удерживает посетителя на сайте?
  • Призыв к действию понятный и не шаблонный?
  • Страница хорошо отображается на мобильном?
  • Вы добавили всю информацию, которую ищут посетители?
  • Страница не выглядит перегружено, все важные блоки на видном месте?

Вы ответили на все вопросы «Да»? Поздравляю, ваша страница готова!

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

В ваш онлайн-магазин приходит много посетителей, но заказов мало? В чем причина низкой конверсии? Может, вы просите слишком много информации. Или посетители долго ищут кнопку «Купить». Вы можете долго гадать о причинах… Остановитесь! Читайте нашу статью и узнайте, как улучшить конверсию интернет-магазина.

Как оформить страницу «Контакты» сайта

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

В этой статье мы расскажем о том, как заполнить страницу «Контакты» должным образом.

Расположение

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

Что должно быть на странице?

Необходимо указать все имеющиеся способы связаться с вами.

  • Телефонные номера. Необходимо указывать не только основной номер телефона. Важно указать номера всех подразделений (телефон отдела продаж, отдела сервисного обслуживания и так далее). Если у вас несколько филиалов в различных городах, то необходимо указать и их телефоны. Если есть номер для бесплатного звонка по России (вида 8-800-...), то необходимо указать его.
  • Электронная почта. По аналогии с телефонами — почтовые адреса подразделений, филиалов. Отдельные почтовые ящики для информации, рекламы, резюме и так далее. В качестве примера — оформление страницы контактов банка «Тинькофф».
  • Прочие способы связи — Skype, социальные сети, мессенджеры.
  • Если у вашей компании есть офис, необходимо указать его адрес. Если представительств несколько — адрес каждого из них.
  • Карта и подробная информация о том, как до вас добраться.

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

  • Режим работы.
  • Юридические и банковские реквизиты. Юридическое наименование организации, ОГРН, ИНН, КПП, юридический и почтовый адреса, расчетный счет, корреспондентский счет, БИК, ФИО генерального директора, главного бухгалтера и так далее.

Главное, что должна делать страница «Контакты» — давать пользователю исчерпывающую информацию об организации.

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

Структурируйте информацию — для филиалов используйте списки или таблицы, для блоков информации добавляйте подзаголовки («Юридическая информация», «Как к нам проехать» и так далее).

Микроразметка страницы «Контакты».

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

Пример микроразметки контактов в формате Microdata

<div itemscope itemtype="">http://schema.org/PostalAddress&quot;&gt;

<span itemprop="addressLocality">Город</span>

<span itemprop="streetAddress">Адрес организации</span>

</div>

<span itemprop="telephone">Контактный номер телефона</span>,

<span itemprop="email">Адрес электронной почты</span>

</div>


19 советов, как оформить страницу "Контакты" — Студия Дениса Каплунова

Автор: Алёна Путятина

1190

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

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

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

Может, дело в том, что все силы обычно бросаются на заполнение разделов «Главная», «Услуги», «О нас», а «Контакты» создаются так, как веб-дизайнер на душу положит?

Сегодня мы подготовили для вас список советов, которые могут быть использованы для страницы «Контакты».

Некоторые из них жизненно необходимы, некоторые – по желанию.

Поехали!

  1. Укажите в шапке название компании и сферу ее деятельности. Посетителю сразу должно быть понятно, на сайте какой фирмы он оказался. Многие пользователи пропускают основные разделы ресурса и сразу отправляются на страницу «Контакты».
  2. Разместите почтовый адрес предприятия, включая индекс, номера корпусов и кабинетов.
  3. Опубликуйте схему проезда к офису. Ее можно создать с помощью специального конструктора «Яндекс Карты». Если возможно, то не ограничивайтесь просто чертежом. Добавьте панорамные фотографии. Особенно, если к вашему офису сложно добраться. Специалисты по юзабилити рекомендуют разместить две схемы: для автомобилистов и тех, кто будет ехать «своим ходом».
  4. Не забудьте разместить данные для GPS-навигатора, владельцы автомобилей оценят эту информацию.
  5. Презентуйте все номера телефонов, по которым можно с вами связаться. Причем напротив каждого номера укажите имя и фамилию специалиста. Например: 123-456-789 – Алина Петрова, начальник отдела рекламы. Разместите не только городские, но и мобильные номера.
  6. Не забудьте об альтернативных способах связи: Skype, аккаунты в соцсетях.
  7. К телефонным номерам обязательно нужно добавить адрес электронной почты. Здесь можно максимально упростить задачу для клиента и сделать ссылки активными.
  8. Очень популярна в последнее время фишка «закажите обратный звонок». Яркий пример заботы о своем посетителе.
  9. Если нужно, создайте в этом разделе форму обратной связи. Ею пользоваться очень удобно: не покидая страниц сайта, можно отправить любой запрос. Только не придумывайте много полей для заполнения. «Имя, фамилия», «Телефон для обратной связи», «Электронный адрес», «Тело письма» — этого вполне достаточно. (Если речь не идет о службе техподдержки, например. Здесь можно сделать автоматическую сортировку обращений по темам)
  10. Специалисты не рекомендуют забывать о версии для печати адреса и карты проезда. Ее стоит поместить на видном месте.
  11. Если у вас много региональных представительств, не стоит вывешивать в «Контакты» всю простынку. Сделайте сортировку по городам.
  12. Кроме того, если ваши офисы разделены по типу деятельности (один обслуживает физических лиц, а второй – юридических), не забудьте это обозначить.
  13. Обязательно укажите время работы офиса, если это имеет значение для ваших клиентов.
  14. Вы сотрудничаете с большим количеством контрагентов? Не забудьте опубликовать в этом разделе все банковские реквизиты.
  15. Пользователи, которые зайдут на ваш сайт с телефонов и планшетов, оценят, если вы разместите QR-код с картой проезда.
  16. Для автолюбителей будет нелишним указать информацию о парковке: есть или нет, и какие могут быть сложности.
  17. И, конечно, добавляйте призыв к действию. Кто сказал, что страница «Контакты» не должна быть продающей?
  18. Не забывайте об оформлении «футера». Посетитель в любой момент захочет вернуться на сайт за дополнительной информацией.
  19. Напоследок можно добавить каплю юмора, если это уместно. Например: «Приезжайте к нам в гости, у нас много печенек».

Понравилось? Поделитесь с друзьями!

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

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

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

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

Как понять, хорошая страница контактов, или нет?

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

  1. Мгновенный доступ. Всего один клик – и человек узнает контактные данные компании или индивидуального предпринимателя, который предоставляет услугу или продает товар. Вернее, так должно быть. Размещать ссылку надо в шапке или футере. Все зависит от дизайна, который вы выбрали. Но помните, что лучше ее размещать наверху, потому что так проще найти кнопку для перехода на страницу с контактами. Желательно, чтобы она сразу бросалась в глаза, но не отвлекала от другой информации. В футере (это низ сайта) ее также хорошо размещать, потому что многие подсознательно настроены искать страницу с контактами там. Но учитывайте: людям может быть попросту лень прокручивать страницу в самый конец. Особенно если много информации. Да и поисковому роботу тоже. Он же смотрит на сайты глазами людей, помним. Поэтому всегда при создании ресурса задавайте себе вопрос: «а это понравится людям». Уделяйте внимание мельчайшей мелочи. Ваша главная цель – угодить людям, иначе вы не выдержите конкуренции. Если же ваш сайт монополист, то вы всю нишу испортите, если не будете смотреть, нравится ли страница контактов людям.
  2. Верстка и микроразметка. Обязательно включайте микроразметку в HTML код страницы, благодаря которой посетителям и поисковикам проще извлечь полезную информацию из вашего сайта. Последние еще красиво оформят сниппет – «карточку» вашего сайта в выдаче. Например, контактные данные могут выдаваться уже на странице поисковика, и человеку не нужно посещать сайт, чтобы вызвать такси или заказать пиццу. Это очень удобно.
  3. Обязательные элементы. Чем больше их указано, тем лучше. Обязательные следующие детали страницы контактов вашего сайта: номер телефона (важно – обязательно укажите код города), адрес для почты, e-mail, план рабочего дня (сколько времени трудитесь и в какие дни отдыхаете), как доехать. Для реализации последнего варианта используйте модули карт Яндекса или Google. Они положительно скажутся на оптимизации сайта.
  4. Дополнительные элементы. Некоторые части сайта могут добавляться опционально, но рекомендуется их ставить на страницу. Обычно обязательных элементов вполне достаточно, но кто владеет информацией – тот владеет миром (то есть, у него больше шансов стать вашим клиентом, потому что он уверен в том, что вы добросовестная компания). Сюда можно добавлять различные средства связи – Skype, форму обратной связи, имена руководителей и сотрудников, их фото и видео работы с ними.

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

Контакты филиалов

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

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

Как связана страница контактов с продвижением?

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

Чтобы указать контактные данные в Яндексе, необходимо зайти в Вебмастере в меню инструмента «Регион сайта», «Адреса и организации». В Google для этого существует меню «Google адреса». Эти действия позволят разместить ваш сайт на картах соответствующего поисковика, что поможет найти вашу компанию через смартфоны и GPS навигацию.

Выводы

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

Страница «Контакты» на сайте: основные элементы и примеры оформления

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

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

Получайте до 18% от расходов на контекст и таргет!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

  • Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
  • Подключиться можно самому за 1 день.
  • Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
  • Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
  • У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.
Попробовать бесплатно >> Реклама

Статья в тему: Навигация по сайту: 10 советов и рекомендаций по улучшению

Казалось бы, оформления страницы «Контакты» не должно быть сложным. Ведь это очень просто – указать адрес и номер телефона.

На самом же деле в оформлении этой страницы встречается много ошибок:

  • указаны не все номера телефонов;
  • написан неполный адрес;
  • номер телефона устарел;
  • нет карты проезда и т.п.

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

Какие элементы должны быть на странице «Контакты», и как ее правильно оформить? Читайте дальше.

Это интересно: Пошаговая инструкция по созданию сайта на WordPress

Примеры оформления и элементы страницы «Контакты» на сайте

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

Номера телефонов

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

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

Например, здесь вынесли отдельно факсы отделов продаж.

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

Еще один вариант – номер телефона в формате 8-800. На него ваши клиенты могут звонить бесплатно – это раз; Яндекс оценивает такой номер как хороший коммерческий фактор ранжирования – это два.

Почитать по теме: Коммерческие факторы ранжирования сайтов

Электронная почта

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

К почте несколько пожеланий:

  • короткая;
  • легко запоминается;
  • сделана на домене сайта (еще один коммерческий фактор).

Адрес

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

Потому тут без адреса никак:

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

Совет: добавьте на страницу еще и фото фасада здания. Так вас будет еще проще найти.

Время работы

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

Адреса филиалов

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

Схема проезда

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

Только не делайте ошибку в виде этой:

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

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

Схема может быть не только в виде карты. В некоторых случаях можно и расписать:

Контактная форма

Она упрощает работу тем клиентам, которые хотят написать вам. Им не нужно открывать свою почту и начинать новое письмо – можно оставить сообщение прямо со страницы «Контакты».

Что касается формы, то запомните простую истину: чем меньше полей, тем лучше. Сколько данных вам нужно от клиента, чтобы предоставить ему качественный сервис? Имя, телефон или почта – и все. Ну и поле для ввода сообщения тоже должно быть.

Этого вполне достаточно, чтобы ответить посетителю на его вопрос, и развивать диалог дальше.

Виджеты обратного звонка на сайте

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

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

Ориентируйтесь в первую очередь на свою ЦА. Будет ли понятна информация, правильно ли расценен ваш посыл?

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

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

Что разместить на странице “Контакты”? Примеры + бесплатный чек-лист!

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

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

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

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

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

Зачем стараться

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

Как агентство, мы постоянно отслеживаем статистику наших клиентов. Проанализировав данные коммерческих сайтов, мы вычислили, что в среднем за год 3,5% просмотров страниц сайта приходится на страницу “Контакты”, а это не так уж мало!

Рисунок 1 — Примеры данных по посещениям страницы “Контакты” из Я.Метрики

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

Вот, что говорится в Инструкции для асессоров Google:

“Понимание того, кто несет ответственность за веб-сайт, является важным элементом определения уровня E-A-T (“компетентность-авторитетность-надежность” — прим.) большинства веб-сайтов.“

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

Одна или несколько

Страница с контактной информацией может быть одна, а может быть разбита на несколько.

Например, отдельно можно вынести:

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

Рисунок 2 — Пример разделения страницы контактов на сайте https://www.220-volt.ru/contacts/

Рисунок 3 — Пример разделения страницы контактов на сайте https://petrovich.ru/contacts/office/

Что размещаем

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

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

Рассмотрим на примерах, что можно и нужно размещать на странице контактов.

Разбиение на отделы

Хорошая идея — расписать, куда обращаться по тому или иному вопросу, а не просто накидать номера телефонов и email-адреса без описания.

Рисунок 4 — Пример со страницы Контакты с сайта https://www.svyaznoy.ru/store/contacts

Рисунок 5 — Пример со страницы Контакты с сайта https://www.novadent.ru/kontakty/

Сотрудники

Людям комфортно обращаться к людям, а не к безликим email-адресам или телефонам. Можно дать возможность посетителям связаться с конкретными сотрудниками.

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

Как вариант, можно отдельно предложить связаться лично с директором.

Рисунок 6 — Пример для страницы Контакты с сайта https://www.home-projects.ru/contacts/

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

Рисунок 7 — Пример для страницы Контакты с сайта https://titanremont.ru/kontaktyi

Номера телефонов, мессенджеры

Мы рекомендуем все номера телефонов и email-адреса делать кликабельными для удобства пользователя.

Рисунок 8 — Пример для страницы Контакты с сайта https://scanway.ru/kontakty/

На примере ниже указано, когда можно звонить, и добавлена кнопка заказа звонка:

Рисунок 9 — Пример для страницы Контакты с сайта https://dss-c.ru/kontakty/

Email-адреса

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

Рисунок 10 — Пример для страницы Контакты с сайта https://spb.vseinstrumenti.ru/contacts/2.html

Рисунок 11 — Пример для страницы Контакты с сайта https://wood-brus.ru/kontakty

Ссылки на соцсети

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

Рисунок 12 — Пример для страницы Контакты с сайта https://kuluarpohod.com/contact/

Рисунок 13 — Пример для страницы Контакты с сайта https://legstom.ru/kontakty/

График работы

Распишите время работы, время приема звонков, график работы в праздники и прочее.

Рисунок 14 — Пример для страницы Контакты с сайта https://bn24.su/feedback/

Рисунок 15 — Пример для страницы Контакты с сайта https://dss-c.ru/kontakty/

Адрес

Ниже представлен хороший пример оформления адреса: ближайшие станции метро, подсказка про вход, предложение отправить адрес по СМС и заказать парковку. Также можно предложить, к примеру, заказать такси.

Рисунок 16 — Пример для страницы Контакты с сайта https://www.home-projects.ru/contacts/

Рисунок 17 — Пример для страницы Контакты с сайта https://wood-brus.ru/kontakty

Филиалы

Если у компании много филиалов, стоит разместить адрес каждого из них.

Можно здесь же сделать поиск по филиалам.

Филиалы можно сделать отдельными страницами и на каждой дать подробную контактную информацию по конкретному адресу.

Рисунок 18 — Пример для страницы Контакты с сайта https://laserdoctor.ru/contacts/

Рисунок 19 — Пример для страницы Контакты с сайта https://www.svyaznoy.ru/shops

Выбор региона

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

Рисунок 20 — Пример для страницы Контакты с сайта https://www.podrygka.ru/delivery/

Юридическая информация

Разместите на странице с контактами юридическую информацию о вашей компании.

Рисунок 21 — Пример для страницы Контакты с сайта https://postel-deluxe.ru/kontakty.html

Карта и/или схема проезда

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

Рисунок 22 — Пример для страницы Контакты с сайта https://turclub-pik.ru/contacts/

Рисунок 23 — Пример для страницы Контакты с сайта https://laserdoctor.ru/contacts/

Как нас найти

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

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

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

Рисунок 24 — Пример для страницы Контакты с сайта https://epilas.ru/location/spb/vyborgskaya

Рисунок 25 — Пример для страницы Контакты с сайта https://www.terem-pro.ru/contacts/

Рисунок 26 — Пример для страницы Контакты с сайта https://galvent.ru/kontakty/

Форма обратной связи

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

Рисунок 27 — Пример для страницы Контакты с сайта https://postel-deluxe.ru/kontakty.html

Рисунок 28 — Пример для страницы Контакты с сайта https://clinicpro.ru/kontakty

Хороший пример табов с формами: пользователь выбирает нужный таб в соответствии с его вопросом и заполняет форму.

Рисунок 29 — Пример для страницы Контакты с сайта https://www.aps-dsk.ru/cont.html

Вместо заключения

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

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

Бонус: бесплатный ЧЕК-ЛИСТ!

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

Скачать Чек-лист

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

Автор: Алина Ширяева (Ant-team.ru)

Чтобы первыми узнавать обо всех наших новых материалах, подписывайтесь на наш telegram-канал: t.me/seoantteam 
Никакого спама. Только полезная информация по теме SEO. 

39 Вдохновляющие примеры страниц контактов

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

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

Но основные страницы контактов не вдохновляют посетителей на общение и общение.

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

Кроме того, это также может привести к увеличению затрат на обслуживание клиентов.

Так что же делает страницу «Контакты» идеальной?

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

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

39 Превосходная страница контактов Примеры, которые вам нужно увидеть

1. Брокерские заметки

На первый взгляд контактная страница Broker Notes выглядит довольно пустой.

Нет ни графики, ни причудливой копии, только простая старая контактная форма.

Отлично подходит для UX, но не так хорош, чтобы вдохновлять пользователей на общение.

Итак, что выделяется на этой странице?

Раскрывающееся меню в разделе «Чем мы можем вам помочь?» позволяет пользователям сообщить причину, по которой они обращаются к сайту.

Это упрощает сортировку запросов и как можно скорее отвечает на важные контакты.

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

Объявление

Продолжить чтение ниже

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

2.Sleeknote

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

Если пользователю нужно что-то еще, ему предлагается заполнить контактную форму.

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

Реклама

Продолжить чтение ниже

Упрощение поиска информации служит двум целям.Он:

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

Другими словами, это беспроигрышный вариант.

3. Yeti

Страница контактов Yeti выделяется по нескольким причинам.

Во-первых, они предлагают красивый (и фирменный) фото фон. Это поразительно, не отрываясь от копии.

Текст немного дерзкий: «Хотя мы хорошо разбираемся в дымовых сигналах, есть более простые способы связаться с нами.”

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

Реклама

Продолжить чтение Ниже

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

Нажав на кнопку «Отправить нам письмо», вы попадете прямо в контактную форму.

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

4. BrightLocal

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

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

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

Объявление

Читать ниже

5.RedBull

В веб-сайте RedBull есть что полюбить, но их контактная страница действительно выделяется среди .

Как и Yeti, они используют яркое изображение в качестве фона.

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

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

Реклама

Читать ниже

6.Chipotle

Контактная страница Chipotle начинается с непринужденного тона, который соответствует их корпоративному бренду: «У вас есть вопросы, у нас есть ответы на все, что угодно, Chipotle».

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

Мне очень нравятся две вещи на этой странице.

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

Реклама

Продолжить чтение ниже

Ура для установления ожиданий.

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

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

7. MeUndies

Если вам нравится забавное нижнее белье, попробуйте MeUndies.

Бренд предлагает веселую атмосферу, и это отражено на их странице контактов.

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

Не можете найти то, что вам нужно?

Реклама

Продолжить чтение ниже

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

8. Podia

Сколько раз вы обращались в службу поддержки и проводили дни в ожидании ответа?

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

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

9. Проект «Средний палец»

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

Реклама

Продолжить чтение ниже

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

Итак, вот контактная страница The Middle Finger Project:

Формально, это не очень интересно, правда?

Но мне нравится дерзкий язык и «Я действительно хочу сказать…» и кнопка отправки:

Я не знаю, какова средняя скорость стаи волков, но звучит неплохо.

Кто сказал, что страницы контактов должны быть скучными?

Реклама

Читать ниже

10.Brands to life

Brands to life - это австралийское агентство по брендингу и креативу, которое помогает, ну, в общем, воплощать бренды в жизнь.

У них уникальный бренд, простой и понятный.

Их контактная страница включает всю стандартную информацию - имя, местонахождение, адрес электронной почты и т. Д.

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

Реклама

Продолжить чтение ниже

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

11. Kick Point

Kick Point отлично справляется с отсеиванием людей, с которыми они не хотят работать, с самого начала - «Не отправляйте нам свое электронное письмо,« Уважаемые господа ». - довольно сильное утверждение, чтобы ваша контактная форма была в центре внимания!

Чуть ниже на странице контактов команда сообщает, сколько времени им требуется, чтобы ответить.

Реклама

Продолжить чтение ниже

Это все относительное и фирменное.

Копаю.

12. Гольф-центр Лидса

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

Во-первых, они упрощают онлайн-бронирование, что, вероятно, является основной причиной, по которой люди переходят на их веб-сайты.

Смарт.

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

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

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

Реклама

Продолжить чтение ниже

13. Nebular

Nebular - американское агентство цифровых разработок.

Их веб-сайт смелый и громкий, и их контактная страница придерживается этой темы.

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

Просто, но эффективно.

14. Basecamp

Кто указан на другом конце этой контактной формы?

Реклама

Продолжить чтение ниже

С некоторыми компаниями вы никогда не узнаете.

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

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

В результате их контактная страница выглядит приветливой и простой в использовании.

15. ConvertKit

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

Реклама

Продолжить чтение ниже

Их контактная страница подчеркивает одну из их основных целей - успех клиентов.

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

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

Реклама

Продолжить чтение ниже

16. Moon Pie

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

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

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

Чуть ниже они делятся часто задаваемыми вопросами, такими как «Где я могу найти MoonPies в моем районе». и "Кошерны ли MoonPies?"

Реклама

Продолжить чтение ниже

Только после того, как они поделятся этой информацией, они предоставят вам контактную форму.

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

17. Taco Bell

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

Как и MoonPies, Taco Bell использует прямую, но небрежную информацию на своей странице контактов.

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

Что действительно выделяется, так это то, что Taco Bell позволяет клиентам выбирать, как получить ответ, включая опцию «Ответ не требуется.”

Реклама

Продолжить чтение Ниже

Это заставляет меня чувствовать, что есть большая вероятность, что они действительно ответят мне.

18. Focus Lab

Дело в том, что контактные страницы должны быть функциональными.

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

Но то, что он должен работать, не означает, что он не может быть творческим.

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

Он уникален, что является частью привлекательности его бренда.

Реклама

Продолжить чтение ниже

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

19. 99Designs

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

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

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

Реклама

Продолжить чтение ниже

20. Freshbooks

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

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

В мире чат-ботов и форм электронной почты это здорово освежает!

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

Реклама

Продолжить чтение ниже

Это почти половина целевой страницы / половина контактной страницы. И если вы ожидаете, что на вашей странице с контактами окажется много людей, не являющихся клиентами, это хорошая стратегия.

22. Five

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

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

Реклама

Продолжить чтение ниже

23. Xbox

Моя любимая часть страницы контактов Xbox - «Служба поддержки инвалидов».

Я еще не видел, чтобы другая компания добавляла эту функцию на свою страницу контактов.

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

Спасибо за руководство, Xbox!

24. Zendesk

Zendesk дает нам атмосферу в стиле Матрицы, предлагая выбрать между разговором с продавцом или просмотром справочного центра.

Объявление

Продолжить чтение ниже

Вы примете красную или синюю таблетку?

Это обычная практика. Я начинаю замечать тенденции в области SaaS.

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

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

25. Dollar Shave Club

Пока я надеялся на единорога или какой-то сарказм, просматривая страницу контактов Dollar Shave Club, я был приятно удивлен, обнаружив эту интерактивную страницу контактов.

Dollar Shave Club объединяет справочный центр со своей страницей контактов на основе вашего запроса.

Реклама

Продолжить чтение ниже

26. Kinsta

Kinsta, хостинговая компания WordPress премиум-класса, является одной из моих любимых хостинговых компаний WordPress.

В основном потому, что я наблюдал, как скорость страницы утроилась после перехода на Kinsta.

Но хостинг WordPress Kinsta - не единственное, что мне нравится.

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

Полное раскрытие информации: в прошлом я предоставлял услуги копирайтинга для Kinsta.

Реклама

Продолжить чтение ниже

27. Swab the World

Swab the World становится одним из моих любимых веб-сайтов, в основном из-за его необычной копии.

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

Плюс, я люблю кричать на обычную почту. Кто-нибудь все еще любит получать обычную почту? 🙋‍♀️

28. Shopify

Shopify обслуживает дружественную страницу контактов с теплой приветливой улыбкой в ​​визуальных эффектах.

Реклама

Продолжить чтение ниже

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

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

Заметили расположение?

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

29. Trello

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

Реклама

Продолжить чтение ниже

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

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

30. PayPal

Служба поддержки клиентов PayPal определяет общие запросы, которые она получает, на своей странице контактов.

Ниже вы можете увидеть, что PayPal выделяет проблемы с паролями, платежами, пожертвованиями, спорами и т. Д.

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

Реклама

Продолжить чтение ниже

32. Ben & Jerry's

Хотя Ben & Jerry's - один из моих любимых брендов мороженого (привет любителям Phish Food!), Дизайн и текст веб-сайта Ben & Jerry всегда были на виду. верхняя часть моего списка.

Опять же, как и в PayPal, Ben & Jerry’s предоставляет раздел часто задаваемых вопросов с наиболее часто задаваемыми вопросами, чтобы ускорить время ответа.

33. Друзья

Команда Friends остается верной своему бренду с монотонными цветами и игривыми копиями.

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

34. Bite Size Entertainment

Bite Size Entertainment сделала интересный поворот на своей странице контактов.

Реклама

Продолжить чтение ниже

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

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

Даже на странице контактов с нами тон разговора передается по всему сайту.

35. Poo-Pourri

Послушав подкаст с Сьюзи Батиз несколько лет назад, я стал большим поклонником копии Poo-Pourri.

Реклама

Продолжить чтение ниже

Они играют прямо на свою целевую аудиторию, как вы можете видеть в чате: «Расскажите нам немного о себе.”

36. Squatty Potty

Squatty Potty стал большим событием после его премьеры на Shark Tank и этого ролика на YouTube, который стал вирусным.

Но уникальное чувство юмора и любовь Squatty Potty к 💩 - не единственное, что мне нравится в этом бренде.

Реклама

Продолжить чтение ниже

Squatty Potty - это страница контактов с нами, на которую вы захотите взглянуть.

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

37. Velocity

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

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

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

38. Энн Хэндли

Энн Хэндли долгое время была фаворитом фанатов команды Search Engine Journal.

Реклама

Продолжить чтение ниже

Но мы не просто поклонники рассказов Анны.

Ее страница "Контакты" снова прибивает.

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

39. Солнцезащитные очки Pit Viper

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

Из-за пограничного грубого и язвительного копирования веб-сайта и использования шрифта comic sans, ботанику-оптимизатору сложно не захотеть покупать на этом сайте.

Страницы для связи - это татуировки вашего сайта

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

Реклама

Продолжить чтение ниже

Вы знаете, что они там, но, вероятно, забыли позаботиться о них и подправить их.

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

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

Дополнительные ресурсы:


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

Показанное изображение: Создано автором, сентябрь 2020 г.
Все скриншоты сделаны автором, сентябрь 2020 г.

30 из лучших «Свяжитесь с нами» Страницы, которые вы захотите скопировать

Примеры страниц «Свяжитесь с нами»

  1. Тюнинг
  2. HubSpot
  3. Проверка выбора
  4. Атлас 1031 Обмен
  5. Моррони
  6. Pixpa
  7. PeopleMetrics
  8. Legalia
  9. Weifield Group Contract
  10. Выжить
  11. Йети
  12. Глянец
  13. млн унций
  14. Zendesk
  15. Accenture
  16. Без дыни
  17. Шрибд
  18. Агентство ВИА
  19. Atlassian
  20. Студия Легворк
  21. бан.сделать
  22. Быстрый росток
  23. Средний
  24. Достижение 3000
  25. Marvel
  26. Доллар бритья клуб
  27. Моламил
  28. Поедем куда-нибудь
  29. Грамматика
  30. Hulu

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

А как насчет страницы «Свяжитесь с нами» на веб-сайте?

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

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

Форма обратной связи Передовой опыт

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

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

Теперь, когда мы рассмотрели передовой опыт, давайте рассмотрим примеры некоторых из наиболее эффективных страниц контактов в Интернете.

Пора вдохновиться.

30 лучших страниц «Свяжитесь с нами»

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

1. Тюнинг

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

2. HubSpot

[См. Полную страницу «Свяжитесь с нами» здесь.]

Страница

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

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

3. Проверка выбора

[См. Полную страницу «Свяжитесь с нами» здесь.]

Безусловно, лучшая вещь на странице «Свяжитесь с нами» Choice Screening - это их копия. Нет ничего лучше, чем это - все начинается с того краткого, восхитительного заголовка «Talk to a Human».

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

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

4. Атлас 1031 Обменник

[См. Полную страницу «Свяжитесь с нами» здесь.]

На первый взгляд, у контактной страницы Atlas 2031 Exchange не самый красивый дизайн.Но если вы присмотритесь, вы поймете, что на ней есть все аспекты отличной страницы «Свяжитесь с нами» - и это начинается с функциональности.

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

5. Моррони

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

Конечно, некоторым людям и нравится поднимать трубку.... отсюда и восхитительная шутка перед номером телефона. Нам также нравится тест «вызов-ответ» Моррони, чтобы выяснить, являются ли посетители людьми: «Как ваши математические расчеты? 2 + 5 =?».

6. Pixpa

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

7. PeopleMetrics

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

8. Legalia

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

А вот как выглядит вся страница:

[См. Полную страницу «Свяжитесь с нами» здесь.]

9. Контрактная деятельность Weifield Group

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

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

Версия для ПК изображена выше, а вот мобильная версия:

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

10. Выжить

[См. Полную страницу «Свяжитесь с нами» здесь.]

Страница контактов

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

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

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

11. Йети

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

12. Глянец

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

Страница «Связаться с нами»

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

13. млн унций

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

14. Zendesk

[См. Полную страницу «Свяжитесь с нами» здесь.]

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

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

15. Accenture

[См. Полную страницу «Свяжитесь с нами» здесь.]

Accenture предлагает профессиональные услуги по всему миру (если быть точным, в 120 странах), поэтому достаточно сказать, что существуют, вероятно, сотни различных телефонных номеров и электронных писем, к которым люди могут обратиться за помощью.

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

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

16. Без дыни

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

17. Писец

[См. Полную страницу «Свяжитесь с нами» здесь.]

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

18. Агентство ВИА

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

19. Atlassian

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

20. Студия Легворк

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

21. ban.do

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

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

22. Быстрый росток

[См. Полную страницу «Свяжитесь с нами» здесь.]

Страница «Свяжитесь с нами»

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

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

23. Средний

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

24. Достичь 3000

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

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

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

25. Чудо

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

26. Dollar Shave Club

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

27. Моламил

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

28. Поехали куда-нибудь

[См. Полную страницу «Свяжитесь с нами» здесь.]

Let's Travel Somewhere - это блог о путешествиях, написанный группой авторов, путешествующих по всему миру.Цель блога - «запечатлеть сущность каждой страны на планете». Это делает страницу контактов важным компонентом веб-сайта. Посетители должны легко получить доступ к странице и отправить свои работы редактору.

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

29. Грамматика

[См. Полную страницу «Свяжитесь с нами» здесь.]

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

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

30. Hulu

[См. Полную страницу «Свяжитесь с нами» здесь.]

Страница контактов

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

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

Источник: Hulu

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

: дизайн контактных форм и страницы, которые выигрывают

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

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

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

29 лучших примеров страниц для связи с нами, чтобы вдохновить вас [Обновлено на 2021 год]

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

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

Само название страницы является призывом к действию; Относитесь к нему с некоторым уважением.

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

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

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

Но как это выглядит?

Свяжитесь с нами страница передового опыта

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

  • Установите ожидания. Для чего использовать эту форму? Когда можно ожидать ответа и как? Все это должно быть адресовано на вашей странице. Заверьте пользователя, что вы свяжетесь с ним. Выделите время ответа или сообщите им, от кого они будут слышать.
  • Избегайте ненужных копий. Цель вашей страницы контактов - одна из самых прямых. Если информация не направлена ​​на объяснение того, как кто-то может с вами общаться, ее не должно быть.
  • Не запрашивайте лишнюю информацию. Делайте поля формы как можно короче и по существу. Информация, которую вы запрашиваете, должна иметь смысл для того, что будет получено. Это не только упростит заполнение формы, но и заставит людей чувствовать себя более комфортно.
  • Предложите несколько способов связи с вами. Иногда пользователи хотят поговорить с вами по телефону или в чате, а не заполнять форму. Обязательно дайте им возможность выбрать наиболее удобный для них метод.
  • Персонализируйте как можно больше. Используйте такие функции, как интеллектуальный контент и условная логика, чтобы адаптировать страницу к потребностям пользователя. У вас есть другой набор вопросов к потенциальному клиенту, чем к пользователю, которому нужна поддержка? Убедитесь, что на вашей странице отображаются правильные вопросы и информация независимо от личности.
  • Включите видео: Имейте в виду, что ваша страница "Свяжитесь с нами" - это целевая страница, и одним из самых эффективных способов увеличения конверсии целевой страницы является добавление видео.Мы заметили, что существует простая трехэтапная структура, помогающая добиться цели. Во-первых, объясните, почему зрителю нужно решение; Во-вторых, объясните, в чем состоит решение; И в-третьих, объясните, что будет дальше, если они воспользуются этим решением (или как оно работает).

🔎 Связано: The Selling 7: лучшие видео примеры целевой страницы

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

Вам повезло.Мы подготовили эту статью с помощью всей нашей команды!

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

1. Приложение Marvel

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

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

🔎 Связано: Полное руководство по проектам редизайна веб-сайтов для предприятий

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

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

2. Sleeknote

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

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

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

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

3. Zendesk

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

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

Они также включают информацию о местоположении со ссылкой на карту.

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

4. Страхование ягод *

* Примечание редактора: Berry Insurance является клиентом IMPACT.

Berry Insurance делает много хороших вещей со своей контактной страницей.

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

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

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

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

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

5. Freshworks

В последний раз, когда мы просматривали страницу контактов Freshworks, у них была форма за кнопкой «Get In Touch», которая открывала лайтбокс в разделе героев.

Теперь они вытащили форму из кнопки «Связаться с нами», а также вытащили телефонные номера для справок о продажах для каждого местоположения.

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

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

6.Медь

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

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

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

7. Полоса

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

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

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

Итог: Социальное доказательство ОГРОМНОЕ. Если он у вас есть, выставляйте его напоказ! Добавление этого дополнительного элемента доверия рядом с точкой конверсии - это победа.

8. Йети

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

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

Эти усилия не заканчиваются на их странице контактов.

Слишком часто компании рассматривают страницы контактов как второстепенную задачу в процессе разработки и в конечном итоге создают общую шаблонную страницу.

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

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

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

9. Atlassian

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

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

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

🔎 Связано: Как создать стратегию обмена сообщениями о бренде, которая понравится вашей аудитории

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

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

10. Речные бассейны и спа *

* Примечание редактора: River Pools and Spas является клиентом IMPACT.

Как и IMPACT, River Pools and Spas включает видео о том, чего ожидать и что, как они обещают, произойдет, когда вы заполните эту форму.

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

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

11. Infinum

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

Как только вы попадаете на страницу, вас приветствуют гигантским дружелюбным «Привет.”

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

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

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

12. Разработка Zeroqode (ранее Bubblewits)

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

По сути, это половина страницы с ценами!

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

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

13. Dollar Shave Club


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

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

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

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

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

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

14. Buzzworthy Studio


Buzzworthy - громкий бренд, что очень заметно на их сайте, и их страница контактов не является исключением.Объемный текст и потрясающее ценностное предложение приводят к привлекательному призыву к действию. Контактная информация также присутствует, но им удалось привлечь ваше внимание к тому, на чем они действительно хотят, чтобы вы сосредоточились - CTA Start A Project.

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

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

15. Squarespace

Минималистичный дизайн

Squarespace сильно отличается от некоторых других примеров, которыми мы поделились, но именно поэтому он вошел в наш список!

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

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

Это просто, по делу и направляет пользователя именно туда, куда ему нужно.

Итог: Не бойтесь подыгрывать тому, кто вы есть. Самое замечательное на этой странице - это то, что все ответы буквально помещены в «квадрат»!

16. Решения для здоровья Fitbit

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

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

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

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

17. Adobe


Сейчас Adobe отлично выполняет сегментацию.

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

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

Единственное, чего действительно не хватает на этой странице, так это фирменного стиля Adobe.Это просто и по делу. Все дело в информации на странице, и это правильно. Но пользователям остается очень простая страница, которая не дает никаких указаний на согласованность дизайна. Сделайте витрину!

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

18. Mailchimp



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

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

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

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

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

19. Ремонт анкерного фундамента *

* Примечание редактора: Anchor Foundation Repair является клиентом IMPACT.

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

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

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

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

Под формой Anchor Foundation Repair включает социальное доказательство от клиентов, которые ранее работали с ними.

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

20. Hootsuite

Hootsuite позволил очень легко связаться с ними на их странице контактов.

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

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

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

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

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

21. PayPal

Нас действительно привлекает то, насколько ориентирована на пользователя эта страница!

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

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

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

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

22. Базовый лагерь

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

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

Также приятно видеть, как долго и когда вы можете ожидать ответа от команды.

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

23. HubSpot

Страница контактов

HubSpot позволяет пользователям «выбирать свой путь», чтобы помочь им быстро получить наиболее актуальные ответы, которые им нужны.

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

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

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

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

24. Кофе в голубой бутылке

Страница контактов

Blue Bottle Coffee очень упрощена, но именно это делает ее великолепной.Это дает вам возможность оставаться на связи (с помощью формы подписки), изображение, чтобы оставаться в курсе, несколько способов связаться с различными отделами и очень короткую контактную форму.

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

Итог: Мы рассмотрели множество примеров, которые включают ТОННУ информации, этот упрощает задачу.Не бойтесь изложить основные элементы и оставить все как есть.

25. InVision

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

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

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

26. Отклонить

Unbounce покрыли все свои базы на своей странице контактов.

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

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

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

Итог: Будьте дружелюбны!

27. Счастливый апельсин

Эта страница переходит к сути.

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

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

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

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

28. УДАР

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

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

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

29. Понедельник

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

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

Итог: Предоставьте пользователям другие возможности для сбора информации, пока они ждут вашего ответа.

Итог, вот что вам нужно знать

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

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

🔥
Продолжайте: 46 лучших примеров целевых страниц, которые вдохновят вас в 2021 году [обновлено]
🤔 Или, может быть, этот: 27 лучших примеров страниц «О нас» на 2020 год и как их создать

21 Советы, приемы и примеры для раскачивания Страница контактов

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

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

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

Для начала рассмотрим…

Некоторые очевидные страницы обратной связи Рекомендации:

  • Помните свои Ps и Qs: Даже небольшие грамматические ошибки могут кричать на посетителей. Вы захотите пролистать свою страницу контактов с помощью зубчатой ​​расчески.
  • Будьте проще : Вы не хотите создавать слишком много препятствий между посетителями сайта и контактной информацией, которую они ищут.Сделайте свою страницу контактов краткой, понятной и по существу.
  • Дайте людям то, что они хотят: Я ненавижу контактные формы - почему-то у меня возникает ощущение, что, когда я заполню их, я никогда не услышу от них ответа. Также мне кажется, что я не заслуживаю доверия и не заслуживаю настоящего адреса электронной почты. Конечно, предоставление реального адреса электронной почты открывает вам доступ к потенциальным спамерам, так что это действительно небольшая проблема. Независимо от того, как вы решите настроить страницу контактов, убедитесь, что людям очень легко с вами связаться.Если вы используете контактную форму, запрашивайте только самое необходимое (имя, адрес электронной почты и их сообщение). Я видел контактные формы, в которых требовались обязательные почтовые адреса и номера телефонов. Подобные поля формы - серьезное препятствие.
  • Выглядите великолепно: Когда пользователи посещают вашу страницу контактов, они начинают с вами отношения. Они хотят узнать о вас больше, и дизайн и стиль вашей страницы контактов будут частью их первоначального впечатления. Запомни! Выглядите сексуально, сделайте так, чтобы эти читатели были так рады связаться с вами!
  • Покажите свою индивидуальность: Как я уже упоминал выше, пользователи, которые посещают вашу страницу контактов, хотят узнать о вас больше.Подумайте, как вы хотите, чтобы ваш текст отражал личность вашего бренда. Если ваша аудитория - обычная, веселая толпа, подумайте о беззаботном, даже комическом тоне для своей страницы контактов.

БОЛЬШЕ: Попробуйте БЕСПЛАТНО WordStream Landing Page Grader

Примеры страниц «Свяжитесь с нами»: «Великий» и «Не очень великий»

Давайте посмотрим на несколько реальных примеров. Мы оцениваем эти примеры страниц контактов по шкале от 1 до 10. 10 - это идеальный образец страницы для связи, 5 - в порядке, а 1 - «сжечь дотла».«Дайте мне знать, если вы согласны с моей оценкой!

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

Конечно, что действительно отличает это от других, так это стиль и очаровательное очарование. Это очень весело!

Оценка: 8. Выглядит фантастически, имеет множество вариантов контактов и демонстрирует индивидуальность.

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

Оценка: 6. Просто, стильно и соответствует теме.

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

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

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

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

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

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

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

Оценка: 2. Уродливое, скучное и неподходящее для Mashable.

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

Оценка: 7. Mostly Serious удалось реализовать этот ультра-минималистичный дизайн, не упуская из виду элемент веселья.

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

Оценка: 8. Дружелюбный, удобный и лаконичный Code Quest делает все правильно.

Эта страница для связи с нами от QuickSprout особенно уникальна, на ней представлена ​​прокручивающаяся инфографика, объясняющая, сколько писем получает Нил Патель каждый день и как мало времени у него есть, чтобы их все прочитать! Вы попадете в контактную форму Нила только после того, как пролистаете эту инфографику.Как и в предыдущем примере с ViperChill, Нилу необходимо иметь возможность отфильтровывать любые несвязанные запросы, чтобы сэкономить время.

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

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

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

Оценка: 6. Здесь много информации, которая может потребоваться посетителям Harpoon Brewery при посещении.

Для компании, которая занимается элегантным, ультрасовременным дизайном и стилем, страница Apple «Контакты» неожиданно проста.Нет ничего, что указывало бы на то, что мы имеем дело с одной из самых известных компаний в мире! Давай, Apple, мы знаем, что у тебя все получится. Что дает?

Оценка: 3. Не тот дизайн, который мы ожидали от создателей iPhone.

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

Гигантский, непривлекательный, нелепо выглядящий баннер - это еще один способ, которым Ticketmaster не делает вам одолжений.

Оценка: 2. Как ни странно непривлекательный, этот требует доработки.

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

Оценка: 8. Обнадеживающая и дружелюбная, эта страница «Контакты» заслуживает того, чтобы ее отложили.

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

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

Coca-Cola делает кое-что довольно оригинальное со своей страницей контактов - они помещают окно виртуального чата справа спереди и по центру.

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

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

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

Оценка: 8. Благодаря такому творческому подходу Coca-Cola показывает, что знает свою аудиторию.

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

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

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

Оценка: 2. Эта информационная иерархия на этом не работает.

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

Оценка: 10. Очаровательная, очаровательная и функциональная, на этой странице контактов есть все!

У вас есть любимые страницы контактов, которыми вы хотите похвастаться? Делитесь своими выборами в комментариях!

Контакты Шаблоны сайтов

Шаблоны веб-сайтов для контактов

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

Наши шаблоны контактной формы нацелены на реальных людей и на то, как создавать лучшие практики контактной страницы, используя базу знаний с несколькими способами связаться с нами, страница службы поддержки клиентов.Страница «Связаться с нами» является частью самых популярных категорий среди веб-шаблонов. Существует безграничное количество способов организовать их шаблон формы на странице «Свяжитесь с нами», поскольку нет установленных правил в отношении дизайна формы обратной связи. Карта Google хорошо подойдет для оффлайн-бизнеса, тогда как корпоративный адрес электронной почты и интерактивный чат отлично подходят для онлайн-бизнес-контактов. Если вы хотите увидеть отличные примеры страниц контактов, посетите бизнес-сайт Dollar Shave Club. Обратите внимание, как они используют отдельный одностраничный шаблон для клиентов, попавших в беду, где последние могут найти свои вопросы в часто задаваемых вопросах или сразу же связаться со службой поддержки.Одна страница для творчества - это одна короткая электронная почта с очень запросной формой обратной связи с лучшими страницами для связи с нами, и они упрощают ответы оператора связи, включая их ссылки в социальных сетях. Фон карты Google также может стать частью дизайна страницы «Контакты», а также номерами телефонов и другой информацией, которую вам необходимо отразить. Веб-сайт маркетинговых кампаний по электронной почте и их контактная страница, на которую попадают все посетители, должны коррелировать, чтобы увеличить время отклика и влияние. Плагины WordPress с шаблоном формы позволяют демонстрировать форму собственной контактной страницы во время веб-разработки своей контактной страницы и живого чата.

Конструктор сайтов Nicepage - профессионал в дизайне одностраничных сайтов, полностью адаптивный и похожий на целевые страницы Unbounce и бизнес-темы WordPress. Формируйте поля, настраивайте сетки, формы и макеты или добавляйте мультимедиа и значки для создания современного дизайна. Зарегистрируйтесь и убедитесь, что страница "Свяжитесь с нами" с полностью адаптивным design всегда готов изготовить шаблон контактной формы для целевой страницы. Лучшее в дизайне форм - это гибкость, позволяющая создать лучший индивидуальный дизайн контактной формы. Нет на это времени? Возьмите готовые страницы контактов или контактные формы и превратите их в лучший адаптивный шаблон веб-сайта именно для вас.Наш бесплатный конструктор форм онлайн-руководств работает с шаблонами HTML, шаблонами Joomla с шаблоном формы и другими, чтобы создавать образцы в мире проектов более быстрого веб-дизайна. Наш хостинг WordPress предоставляет примеры страниц для связи с простой формой обратной связи для базовой темы WordPress, которые будут полезны в процессе обучения. Они также предоставляют наиболее распространенные ответы для целевой аудитории под изображением главного героя, краткая форма упрощает задачу и может помочь ответить на вопросы, которые они задают. Наши учебные материалы объяснят, почему первое впечатление на странице контактов помогает нам лучше, и на странице «Контакты» прояснят, какие цели следует упомянуть даже в мобильном Интернете или в конструкторе страниц wpbakery.Во время оформления контактной страницы убедитесь, что вы предоставили необходимую помощь в конкретных условиях и одну из общих контактных форм на одном из моих веб-сайтов, которая будет поддерживать адаптивный дизайн контактной формы. Если вы спрашиваете себя, как создать свой клуб для контактов с нами или как создать карты Google для их справочного центра, то просмотрите примеры, которые часто размещаются на страницах с контактами. В нашем справочном центре вы найдете лучшие примеры страниц, в которых вы найдете бесплатный шаблон контактной формы, а также одну из бесплатных тем WordPress для тематических сайтов, посвященных контактному доллару, и портфолио.Страницы контактов будут вдохновлять нас в будущем примерами страниц, а их страницы контактов - бесплатным шаблоном контактной формы. Подпишитесь на лучшие шаблоны страниц контактной формы и другие возможности полностью адаптивного дизайна веб-сайтов.

20 лучших страниц контактов в 2020 году, которые преобразуют (+ передовой опыт)

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

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

Однако ваша контактная страница должна быть одной из ваших самых важных страниц.

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

Контактная форма

или адрес электронной почты: что лучше?

через GIPHY

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

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

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

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

Контактные формы

выглядят профессионально и проще в использовании.

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

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

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

Контактные формы

позволяют легко перенаправлять членов команды.

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

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

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

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

Какие поля следует включить в контактную форму?

Имя и фамилия

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

Адрес электронной почты

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

Лучше всего запросить рабочий адрес электронной почты.Если они включают Gmail, AOL или базовый адрес электронной почты, они могут быть не заинтересованы.

Название компании

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

Причина обращения

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

Важно понимать цель чьего-либо запроса. Почему обращается к этому человеку? О чем конкретно они ищут ответы?

10 Страница "Свяжитесь с нами" Передовой опыт

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

Задавайте только необходимые вопросы.

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

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

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

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

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

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

Включите ссылки на часто задаваемые вопросы.

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

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

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

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

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

Воспользуйтесь преимуществами интеллектуальных форм.

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

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

Включите ссылки на социальные сети.

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

Например, Muse размещает все свои ссылки на социальные сети внизу своей страницы контактов.

Централизуйте параметры связи.

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

Взгляните на страницу контактов SquareSpace. У них есть варианты для отделов, с которыми можно связаться, в аккуратных ящиках под местом героя.

Сохраняйте свой дизайн в соответствии с остальной частью вашего веб-сайта.

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

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

Помогите пользователям найти вашу контактную страницу.

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

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

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

Будь проще.

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

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

20 примеров идеальных контактных страниц, которые должны вас вдохновить

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

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

1. YETI

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

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

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

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

2. Поехали куда-нибудь

Забудьте электронную почту. Отправь открытку!

Или хотя бы сделайте вашу страницу контактов похожей на открытку.Сайт путешествий Let's Travel Somewhere сохранил свою тему путешествий, создав фантастическую страницу контактов, которая выглядит как открытка.

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

Это не типичный внешний вид страницы "Связаться с нами", поэтому она выделяется среди других.

3. Грамматика

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

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

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

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

4. Coca-Cola

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

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

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

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

5. млн унций

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

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

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

6. UberConference

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

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

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

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

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

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

7. Wendy’s

На странице контактов

Wendy есть простое и понятное сообщение: Свяжитесь с нами, когда вам будет удобно.

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

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

8. Достичь 3000

Вероятно, ваш сайт посещают самые разные люди. Они ищут продажи? Нужна ли им поддержка клиентов?

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

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

9. Zendesk

Разговор о простом.

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

Все, что они просят, - это рабочий адрес электронной почты, тема (раскрывающийся список между ценами / продажами, выставлением счетов, маркетингом / PR, партнерскими отношениями или трудоустройством) и быстрое сообщение со ссылкой на ваш охват. Нажмите "Отправить", и кто-нибудь скоро с вами свяжется!

Если вам нужна поддержка по продукту, есть быстрый способ найти ее - просто нажмите на CTA «посетить наш справочный центр» под контактной формой, и вы будете перенаправлены в справочный центр Zendesk.

10. Баттерии

Другой простой дизайн, Batterii требует, чтобы вы только заполнили несколько полей, чтобы связаться с ними. Они не проводят вас через тест на IQ или проверку зрения; они просто хотят узнать вас и намерения вашей компании.

Но вот самое лучшее:

Они также включают свою контактную форму прямо на своей домашней странице!

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

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

11. Brandaffair

Весь веб-сайт Brandaffair потрясающий... и их контактная страница не разочаровывает.

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

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

12. Домо

Страница контактов

Domo - еще один пример того, что чистый дизайн работает.

Тонкие градиентные значки символизируют различные способы связи с командой, от телефонного звонка до обращения в службу поддержки 24/7. Затем, когда вы продолжите прокрутку вниз, есть возможность заполнить общую форму, чтобы напрямую связаться с Domo с любыми вопросами, комментариями или проблемами.

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

13. Вкусная камедь

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

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

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

  • Ваш отличный продукт
  • Встреча за кофе
  • Птицы и пчелы

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

14. Городское влияние

Страница контактов

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

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

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

15. Видьярд

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

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

  • Вопросы
  • Стоимость
  • Демо
  • API

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

16. Проект «Средний палец»

Юмор действительно может иметь большое значение в привлечении новых посетителей и поощрении их к общению. И это именно то, что делает The Middle Finger Project!

Уже будучи интригующим брендом, контактная форма The Middle Finger Project не что иное, как развлечение. В формате, похожем на безумную библиотеку, варианты выпадающего списка довольно забавны, но связаться с основателем Эшем Амбирджем все еще очень легко.

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

И, согласно верхней части их контактной страницы, если вам «нужен сверхбыстрый ответ? Напишите в Твиттере @TMFproject для обслуживания клиентов или забавных мыслей!»

17. Deux Huit Huit


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

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

Затем, в нижней части страницы, есть раздел «Сказать привет». Щелкните здесь, и тогда начнется настоящее веселье. (Я знаю, что это просто страница веб-сайта, но это так здорово!)


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

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

Кроме того, если вы не укажете электронную почту, вы получите это быстрое сообщение: «Хм ... Вы не указали, как мы можем с вами связаться.Вы все равно хотите отправить сообщение? »Итак, не забудьте оставить одно, чтобы они могли ответить!

18. HubSpot

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

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

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

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

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

19. Анакин

Хотя дизайн очень нестандартный, результат чертовски крутой.

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

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

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

20. Bluleadz

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

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

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

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

Контактные страницы - Awwwards

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

  • Поделитесь!

  • Поделитесь!

  • Поделитесь!

  • Поделитесь!

  • Поделитесь!

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *