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

10 примеров, как оформить страницу Contact us, которые вам захочется повторить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читай также:  10 ошибок в дизайне иконок, которые путают пользователей интерфейса

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 и на хороших позициях в рейтингах. У вас еще остались сомнения, чтобы написать этим ребятам?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить комментарий