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

Креативные примеры оформления страницы контактов на сайте
18.11.2017 КОММЕНТАРИИ: 0

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

Прямой доступ в отделы

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

Оформление страницы контактов на сайте Production Locations

Нестандартный подход

QuickSprout идёт ещё дальше и вместо скучного текста размещает на странице контактов инфографику. Творческий подход сам по себе служит отличной рекомендацией для потенциальных клиентов и партнёров. Плюс к этому, он позволяет в ненавязчивой форме прорекламировать компанию, донести до аудитории информацию о её значимости и популярности, повысить уровень лояльности. Владелец сайта QuickSprout — всемирно известный интернет-маркетолог Нил Патель (Neil Patel), которому ежедневно сыпется по 200+ электронных писем. С помощью инфографики автор рассказывает о высоком уровне своей загруженности и призывает email-отправителей быть терпеливыми, не обижаться за задержки с ответами и не уходить к другим. Что касается формы обратной связи, то она встроена непосредственно в саму инфографику.

Оформление страницы контактов на сайте QuickSprout

Всё многообразие вариантов связи

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

Оформление контактной страницы Bert Timmermans

Максимально упрощённая форма обратной связи

Количество интерактивных элементов на контактной странице R Leonardi зашкаливает (обязательно перейдите по ссылке — поиграйтесь). При этом владельцы ресурса не забывают об удобстве пользователей и оставляют в форме обратной связи только самые необходимые поля: email, тема, сообщение. Никаких рудиментарных признаков вроде строчек для внесения ФИО, профессии, места проживания здесь нет.

Пример формы обратной связи на сайте R Leonardi

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

Завораживающая интерактивная графика

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

Оформление страницы контактов на сайте Boone Selections

Лучшее место для знакомства

Раздел контактов можно использовать для самопрезентации.  Даже форму обратной связи можно оформить так, чтобы пользователи поняли, с кем имеют дело. Прибегая к помощи персонажей из мультсериала «Южный парк», Melon Free представляет себя жизнерадостным, непосредственным, креативным брендом. А ведь с такой длиной формой обратной связи мог бы показаться и занудным…

Оформление формы обратной связи на лендинге Melon Free

«Скевоморфизм» нового поколения

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

Креативный дизайн страницы контактов на сайте Lion Ways

Да поможет вам дизайн и сторителлинг

Бренд Hello Innovation использует страницу контактов как дополнительную возможность рассказать о себе: о корпоративной культуре, сотрудниках, ценностях. Своё название компания оправдывает дизайн-подходом.

Креативный дизайн страницы контактов на сайте Hello Innovation

Подход художника

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

Художественный подход к оформлению раздела контактов от Pauline Osmont

Дизайн как отражение бренда

Для некоторых компаний страница контактов является главной. Например, на сайте туристической тематики Let’s Travel Somewhere вы не найдёте более близкой духу бренда страницы, чем «Свяжитесь с нами». Контактная форма в виде почтовой открытки — неожиданный, но сильнодействующий призыв к действию.

Брендинговый подход к оформлению страницы контактов от Let’s Travel Somewhere

Чем наполнить контактную страницу заведения

Что должна содержать страница контактов кафе, гостиницы, развлекательного центра? Ну, конечно же, интерьерное фото. Чтобы посетители узнавали место «в лицо». А уже ниже линии прокрутки можно расположить адрес, телефон, email, карту. Для гармоничного объединения фото и текстовых экранов Sweet Basil, например, использует параллакс-эффект «заборчик».

Пример страницы контактов общественного заведения от Sweet Basil

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

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

Юристский подход к оформлению страницы контактов на сайте от Grain and Mortar

Финальное напутствие

Надеемся, после ознакомления с подборкой Onextrapixel у вас не возникнет вопросов о том, чем наполнить страницу «Контакты». Вариантов представлено более чем достаточно. Теперь главное — найти оптимальный для себя и не переборщить. Удачи!

 

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


Защитный код
Обновить