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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

PresentStar

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

Visit Universidade de Coimbra

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

Abet Laminati

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

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

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

Тяжмаш

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

ПриватБанк

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

Почта Банк

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

CP + B

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

Sciener

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

Siutkin

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

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

RD Construction

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

Rouge Society

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

Tool

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

Gurman Family

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

Prostor Capital

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

Studio 81/69

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

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

РБК

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

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

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

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

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

Substrakt

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

Engage Interactive

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

Batnorton

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

Все пучком

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

Digital base

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

Molamil

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

Mood Board

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

Mark Jaworski Studios

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

Melonfee

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

n.design studio

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

Everywhere.is

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

Built by Buffalo

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

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

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

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

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

Brown’s Court

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

Combadi

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

Sweet Basivail

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

Fhoke

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

Vismaad

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

Chilli

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

Infinum

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

WhiteFrontier

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

Sound of Change

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

Lera Mishurova

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

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

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

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

Genius Marketing

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

Grain & Mortar

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

Welikesmall

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

Hommard

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

Si Digital

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

Тинькофф

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

Codequest

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

Studio AIRPORT

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

Always Awake

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

Hello Monday

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

Online department

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

Tune

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

Branded7

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

Пуговица

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

Owltastic

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

Феерия

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

Home is art

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

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

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

playkot.com

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

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

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

Edita’s Casting

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

Minimal Monkey

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

Spokes

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

Let’s travel somewhere

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

Truf Creative

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

Madwell

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

Jacquico

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

Yin + young

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

Root Studio

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

Klavy

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

Hula Bula Bar

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

Deda

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

QuickSprout

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

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

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

mediocore

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

Штирлиц Бэнд

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

Jo Weaver

Финиш…

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

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

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

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

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

52 элемента для безупречного раздела «Контакты» на сайте :: Гудсайт

Напишите номер телефона

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

Дайте контакты разных подразделений

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

На сайте международного ресторанного холдинга «Ginza Project» выложены телефоны call-центра, PR-службы, HR-департамента и других отделов.

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

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

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

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

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

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

У «Оконного континента» сорок семь представительств в Москве. Для удобства клиентов контакты выложены на сайте в трёх видах: одним списком, на карте города и на схеме метро. В последних двух вариантах контактная информация появляется во всплывающем окошке по клику на нужное представительство.

Напишите контакты сотрудников

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

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

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

В разделе с контактной информацией на сайте группы компаний «Тяжмаш» есть фотографии руководителей.

Покажите схему проезда

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

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

Однако учтите, что отрисовка карты проезда — дело трудозатратное. И скорее всего подойдёт фирмам, у которых немного офисов или точек продаж, одна-две.

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

На сайте «Мэри Трюфель» размещены рисованные схемы проезда к двум свадебным салонам.

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

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

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

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

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

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

На сайте жилого комплекса «Панорама Сколково» есть возможность проложить маршрут из произвольной точки на карте до офиса продаж.

Задействуйте пространство во всплывающем окошке внутри карты

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

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

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

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

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

На сайте «Лето Банка» во всплывающем окошке на карте можно оценить работу отделения по 5-балльной шкале.

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

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

Выложите фотографию входа в офис компании

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

На фото показано, что вход в офис компании «БТИ про» находится под вывеской «Экспобанка».

На странице с контактной информацией «Центра медицинской косметологии» есть фотография входной двери.

Напишите, как добраться в офис

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

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

На сайте магазина подарков «Presentstar» есть инструкции для любителей пеших прогулок и для автомобилистов.

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

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

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

Уделите внимание текстам

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

«Рамблер» говорит, что есть много причин написать ему. А ведь на этом месте могла бы оказаться какая-нибудь серенькая фраза типа «Список электронных адресов».

Бренд вязаных шапок «Handy Hat» хочет быть ближе к своим клиентам. Заходите, говорит, к нам во Вконтактик.

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

Разместите ссылку на контакты в других разделах сайта

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

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

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

На каждой странице сайта цветочной базы «Всё пучком» хорошо заметна ссылка на адреса складов.

В новостях о мероприятиях в ресторанном холдинге «Ginza Project» есть ссылки на контакты соответствующего ресторана.

Ссылка на адреса отделений «Лето Банка» оформлена картинкой и стоит обособленно от прочих ссылок.

На всех страницах сайта «Центра Международного Обмена» слева есть плашка с контактами. Она привлекает внимание и ведёт на страницу представительства компании в том или ином городе.

Разместите форму обратной связи

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

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

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

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

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

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

Дайте ссылки на социальные сети

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

Подготовьте версию для печати

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

Напомните о преимуществах компании

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

Продавайте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Юзабилити

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

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

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

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

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

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

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

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

Блог IconDesignLAB.com | 10 примеров, как оформить страницу Contact us, которые вам захочется повторить

Что вы привыкли видеть на странице контактов?
Телефоны, email, адреса, скайп, информацию о представительствах, фотографии отделений, график работы, карту проезда, форму обращения… Вы считаете этого достаточно? Загляните в свою аналитику и посмотрите, сколько человек каждый месяц покидает страницу контактов, так и не связавшись с вами.
Надеемся, эти 10 примеров заставят вас изменить свое традиционное представление о странице контактов и удержать пользователя на ней.
Страница контактов — это решающая ступень, которую пользователь должен пройти, перед тем, как связаться с вами. Поэтому от ее оформления, удобства и дизайна зависит дальнейшая судьба лидов, приближающихся к узкому горлышку воронки продаж. Найдут ли они на этой странице последний убийственный триггер, который заставит их взять в руки телефон? Как помочь им связаться с вами? В этой статье мы собрали 10 ярких способов оформления эффективной страницы Contact us.

1. Виртуальный консультант от Microsoft

Так выглядит страница контактов Microsoft.

А вот так выглядит общение с консультантом.

Для большой компании виртуальный консультант — отличный вариант, т.к. вопрос «С кем мне связаться?» может быть проблемой. Если у вас много точек контактов, это хорошая возможность перенаправить пользователя на нужного живого человека.
В самом дизайне страницы нет каких-либо лишних компонентов, которые бы его перегружали. Есть только возможность выбора нужного отдела службы поддержки и даже раздел с удобными средствами связи для людей с ограниченными возможностями.
“Конечно, это ж Microsoft! Могут себе позволить!”, — скажете вы.
Но интерактивное общение с пользователем — это уже не прихоть, а тренд, т.к. оно позволяет максимально индивидуально подойти к решению проблемы клиента. Смотрите следующие примеры.

2. Интерактивность и дружелюбность от Deux Huit Huit

Чем примечательна эта страница контактов?

На ней лаконично подана вся необходимая информация. Чистый минималистичный дизайн. Но главное отличие — это тон, который располагает к дружескому общению. Фраза “Let’s be friends” предлагает вам дружить в соцсетях. А в нижнем углу экрана мелькают фото из повседневной жизни команды: от лучшего работника месяца до любимых офисных блюд и даже кота. Но главная особенность в интерактивной форме, которую и формой-то тяжело назвать. Больше напоминает общение в соцсетях.

Курсор сам начинает писать от вас письмо, заполняя первую строку фразой “Dear Deux Huit Huit,”. И вы уже сами не замечаете, как написали и отправили сообщение.

Слово-за-слово, вот вам и первая продажа.

3. Инфографика на странице контактов от Quicksprout

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

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

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

4. Триггеры доверия от Unbounce

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

Фото офиса и лица “самых дружелюбных людей” из разных отделов поддержки — вот чем располагает к себе эта страница.

5. Обращение от президента Convince & Convert

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

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

6. Юмор и неординарный подход от Ueno

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

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

Блок со списком офисов далее, реальные фото которых открываются при клике.

А вот и неординарный подход.

“Hello. Is it you we’re looking for? We can see it in your eyes. We can see it in your smile.” — Здравствуйте. Вы это ищите? Мы видим это в ваших глазах и улыбке.

7. Достижения на странице контактов Blue fountain media

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

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

Еще 2 зеленые кнопки призыва к действию: “Работайте с нами” или “Подписывайтесь на последние диджитал тренды”.

Листаешь страницу и как-будто слышишь: “Эй, ты что сразу не понял? Повторяю, мы находимся в топах нескольких рейтингов. Куда собрался? У нас смотри, какие статьи есть на блоге! А бесплатную книгу о том, как диджитал агентство выбрать, ты уже скачал?”
С такой страницы просто так не уйдешь.

8. Возможность поиска на странице Accenture

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

Во вкладке «Find a location» есть возможность указать страну или город и получить список ближайших офисов.

А вот и карта, как добраться до офиса в Калифорнии.

9. Знакомство с основателями и раздел FAQ от PracticalVR

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

Но эта страница еще примечательна тем, что знакомит вас с основателями компании, причем очень неординарно.

Вот так подана информация об основателях компании.

Хочется отдельно отметить футуристичный дизайн и использование музыки на странице сайта, которые также действуют, как триггер и подчеркивают главную мысль компании: “Building the mixed reality tools of tomorrow.”

10. Расположение офисов от Doberman

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

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

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

Как создать эффективный дизайн страницы контактов?

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

Примеры стр. «Контакты». Дизайн, который обеспечивает лиды!

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

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

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

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

Большие контактные формы

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

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

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

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

№ 1 Пример стр Контакты на портале HubSpot

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

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

№ 2 Пример стр Контакты Атлас-2031

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

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

№ 3 Пример стр Контакты Pixpa

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

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

№ 4 Пример стр Контакты Легалия

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

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

№ 5 Пример стр Контакты Survicate

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

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

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

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

№ 6 Пример стр Контакты Zendesk

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

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

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

№ 7 Пример стр Контакты Accenture

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

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

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

№ 8 Пример стр Контакты Scribd

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

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

№ 9 Пример стр Контакты Atlassian

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

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

№ 10 Пример стр Контакты Achieve3000

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

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

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

№ 11 Пример стр Контакты Marvel

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

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

№11 Пример стр Контакты Hulu

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

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

Сделайте выигрышными страницы: «Контакты», «О нас», «Проекты» и они обеспечат вам лиды

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

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

Вам нужны качественные тексты для сайта, котрый формируют имидж эксперта?

Рады помочь, напишите нам прямо сейчас!

Оставить заявку

04.08.2020

← Поделиться с друзьями !

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

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

roguesocietygin.com

yplusy.com

studioairport.nl

mybeautytea.com

chilli.be

cincodesign.com

rootstudio.co.uk

denisechandler.com

pixelcreations.in

detailvision.com

eatmeicecream.com

resistenza.es

hulabulabar.com

burnssheehan.co.uk

alwaysawake.eu

timjackleus.com

guillaumebouvet.com

morton-fraser.com

vancouvervisas.com

Автор подборки — Дежурка

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

Использование галерей-каруселей в веб-дизайне
Иконка-гамбургер в веб-дизайне
Меню и списки в мобильном дизайне

22 лучших корпоративных страниц “О нас” — Plerdy

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

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

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

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

В наш список вошли:

1. Bravour

2. Achtung!

3. Pentagram

4. Nectarin

5. Vodafone

6. MediaMonks

7. MetaDesign

8. Fidesio

9. Альфа-банк

10. 5emegauche

11. Spin

12. Bershka

13. Alphabet Design

14. Roshen

15. Franklyn

16. Shoptiques

17. Dragon Rouge

18. Nike

19. Ingate

20. CreativePeople

21. Appetite Creative Solutions

22. Aparticula

1. Bravour

Bravour. Позвольте вам представить голландский семи-флет. Чистый, строгий, вечный. Минимум анимации, максимум контрастности, больших качественных фото и шрифтов. От знакомства до контактов в черно-белых тонах. Приключение посетителя дополняется информацией о рабочих отраслях, клиентах-друзьях и возможностью “початиться” с сотрудниками компании. Располагает ведь такая страница к коммуникации, не так ли?

2. Achtung!

ACHTUNG! Ахтунг! Голландский креатив во флет обличии. Большая типографика с представлением компании – на входе. Ниже – появляются фотографии родного Амстердама и офиса, дополненные инфографикой, информацией о наградах и рабочих направлениях. В завершении, как и полагается странице About, находятся контакты.

3. Pentagram

Pentagram. Эта страница о компании принадлежит крупнейшей мировой дизайнерской студии. Несмотря на всю простоту и строгость оформления – сапожник с сапогами. Небольшое текстовое интро в начале раскрывает суть оформления – студия уникальна тем, что арт-директора лично создают сайты для клиентов “Пентаграмм”. Оставшееся пространство заполнено именно фотографиями команды-супергероев. Все очень просто и сдержанно, но в то же время стильно и долговечно. Такая страница не нуждается в ежегодном обновлении оформления. Она выглядит современной и без анимации.

4. Nectarin

Nectarin. Один из значительных игроков digital-рынка России демонстрирует класс и в оформлении страницы “О нас”. Сочные картинки в корпоративных цветах, дополненные популярной сегодня абстракцией. Фотографии руководителей, много анимации, инфографики и крупной типографики. Рассказали ребята о себе все, но тезисно, а еще добавили кнопку отправки брифа, увеличив тем самым шансы роста конверсии. Продающая страница “О компании” сегодня? Примерно такая.

5. Vodafone

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

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

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

8. Fidesio

Fidesio. Продающий семи-флет в лучших традициях. А французы действительно знают толк в изысканных продажах! Много анимации, стильной графики и большой типографики – классика динамичного жанра! Информация подается в сжатом, концентрированном виде. Только по делу: награды, полезные факты, клиенты и по традиции – контакты.

9. Альфа-банк

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

10. 5emegauche

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

11. Spin

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

12. Bershka

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

13. Alphabet Design

Alphabet Design. Хороший пример того, как флет может сохранять свою актуальность и быть конверсионным в 2018 году. Страница “О компании”, посвященная этой дизайн-студии оформлена без какого-либо анимационного или динамичного включения. Только текст, качественные фото, строгая статичная инфографика и продуманная структура повествования. Но смотрится хорошо, актуально, по-деловому. На странице представлена информация о компании, ее специалистах, схеме работы и принципах деятельности. Конверсионный венец оформления – предложение посмотреть примеры работ.

14. Roshen

Roshen. Хороша с продающей точки зрения страница “О компании” у фабрики “Рошен”. Удобная навигация, сочная картинка на фоне, инфографика с объяснением преимуществ продукции и сервиса. Есть видео о фабрике, карта со странами-экспортерами, фото магазинов и прочая располагающая к доверию информация.

15. Franklyn

Franklyn. Рисованная команда специалистов, список брендов, среди которых Disney, The New York Times, Google, Converse, прочие монстры, и даже тотемное животное Бастер. Примерно таким оригинальным, но в тоже время продающим способом оформлена страница “О нас” известной дизайн-студии “Франклин”. Краткое вступление о компании дополняется уникальными рисованными портретами ключевых игроков команды и Бастера, логотипами брендовых клиентов и контактами. Мало, на первый взгляд, но этого вполне достаточно для того, чтобы расположить к себе потенциального клиента.

16. Shoptiques

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

17. Dragon Rouge

Dragon Rouge. Красный Дракон чествует гостей самым стильным и креативным дизайном страницы “О нас”. Анимированные шрифты, крупная типографика, необычные иллюстрации, карточки – минимализм в лучших его проявлениях. Кроме краткого и емкого введения, на странице представлена развернутая информация о работниках и представительствах корпорации в разных странах. Обойти стороной огромную надпись: “Нравится, что видишь здесь? Хочешь узнать больше? Давай поговорим!”, – крайне сложно.

18. Nike

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

19. Ingate

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

20. CreativePeople

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

21. Appetite Creative Solutions

Appetite Creative Solutions. Страница “О нас” от титулованных испанских диджитальщиков. Она подкупает блоками “Что делаем? Что не делаем”, яркими шоу-рилами, историей и информацией о курсах. А какой роскошный блок “О команде”! Он необычен не столько рисованными портретами специалистов, сколько нестандартным применением анимации и разными стилями рисунков (есть и аниме, поп-арт и т.д.). Венцом оформления можно считать конверсионную кнопку внизу экрана с подписью “Есть проект? Давайте обсудим это!”. Вот уж действительно, после просмотра такого креатива может созреть идея проекта у любого посетителя.

22. Aparticula

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

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

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

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

40 лучших страниц для контактов, которые вы захотите скопировать [+ шаблоны]

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

А как насчет страницы «Контакты» на веб-сайте?

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

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

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

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

Контактная страница Рекомендации

Обычно хорошие контактные формы:

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

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

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

Загрузить руководство: 42 Примеры страниц «Свяжитесь с нами»

Свяжитесь с нами Примеры заголовков

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

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

1. Unbounce

На странице контактов

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

2. JetBlue

Заголовок

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

3. УДАР

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

4. Brandaffair

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

5. Вкусная жевательная резинка

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

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

Лучшие страницы для контактов

Тюнинг
HubSpot
Проверка выбора
Атлас 1031 Обмен
Моррони
Pixpa
PeopleMetrics
Sleeknote
Weifield Group Contract
Выжить
Йети
Глянец
млн унций
Zendesk
Accenture
Хэппи Корк
Шрибд
Агентство ВИА
Atlassian
Фундамент
бан.сделать
Бургер Кинг
Средний
Достижение 3000
Marvel
Доллар бритья Club
Моламил
Поедем куда-нибудь
Грамматика
Hulu
Грязная хижина
Обертывание
Дядя Бобби Кофе и книги
Страх перед Богом
Шекудо
Зашаду
Матео
Ulta Beauty
United Sodas of America
КУПЕ

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