Обновлено: 28.03.2023

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

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

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

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

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

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

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

ЧИТАЙТЕ ТАКЖЕ

Лучшие тренды веб дизайна Узнайте популярные приемы качественного и креативного дизайна сайтов

Креативный рассказ о себе

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

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

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

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

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

ЧИТАЙТЕ ТАКЖЕ

Как создать дизайн успешного сайта Узнайте 5 принципов успешного дизайна сайтов, которые используют только профессионалы!

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

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

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

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

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

Похожие статьи

Рисуем дизайн первой страницы приложения в Figma Рисуем креативный слайдер в Adobe Photoshop Как создать дизайн успешного сайта Как сделать адаптивный дизайн сайта Оригами — новый тренд в дизайне Крупная типографика — новый тренд в креативном дизайне Дизайн бесконечной ленты в Instagram* Креативный анаглиф портрет в Photoshop