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

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

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

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

11. Йети

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

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

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

12. Глянец

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

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

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

13. млн унций

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

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

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

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

14. Zendesk

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

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

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

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

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

15. Accenture

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

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

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

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

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

16. Без дыни

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

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

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

17. Писец

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

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

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

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

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

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

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

19. Atlassian

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

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

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

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

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

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

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

21. ban.do

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

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

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

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

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

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

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

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

23. Средний

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

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

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

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

24. Достичь 3000

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

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

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

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

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

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

25. Чудо

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

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

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

26. Dollar Shave Club

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

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

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

27. Моламил

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

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

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

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

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

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

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

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

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

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

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

30. Hulu

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

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

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

Источник: Hulu

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. Sleeknote

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

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

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

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

3. Zendesk

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

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

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

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

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

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

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

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

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

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

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

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

5. Freshworks

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

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

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

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

6.Медь

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

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

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

7. Полоса

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

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

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

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

8. Йети

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

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

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

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

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

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

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

9. Atlassian

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

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

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

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

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

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

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

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

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

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

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

11. Infinum

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

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

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

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

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

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

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

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

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

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

13. Dollar Shave Club

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

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

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

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

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

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

14. Buzzworthy Studio

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

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

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

15. Squarespace

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

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

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

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

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

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

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

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

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

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

17. Adobe

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

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

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

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

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

18. Mailchimp

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

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

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

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

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

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

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

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

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

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

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

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

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

20. Hootsuite

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

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

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

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

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

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

21. PayPal

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

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

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

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

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

22. Базовый лагерь

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

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

Также приятно видеть, как долго и когда вы можете ожидать ответа от команды.

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

23. HubSpot

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

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

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

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

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

24. Кофе в голубой бутылке

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

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

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

25. InVision

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

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

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

26. Отклонить

Unbounce покрыли все свои базы на своей странице контактов.

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

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

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

Итог: Будьте дружелюбны!

27. Счастливый апельсин

Эта страница переходит к сути.

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

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

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

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

28. УДАР

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

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

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

29. Понедельник

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

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

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

Итог, вот что вам нужно знать

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

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

🔥

21 Советы, приемы и примеры для раскачивания Страница контактов

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

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

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

Для начала рассмотрим…

Некоторые очевидные страницы обратной связи Рекомендации:

• Помните свои Ps и Qs: Даже небольшие грамматические ошибки могут кричать на посетителей. Вы захотите пролистать свою страницу контактов с помощью зубчатой ​​расчески.

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

• Дайте людям то, что они хотят: Я ненавижу контактные формы — почему-то у меня возникает ощущение, что, когда я заполню их, я никогда не услышу от них ответа. Также мне кажется, что я не заслуживаю доверия и не заслуживаю настоящего адреса электронной почты. Конечно, предоставление реального адреса электронной почты открывает вам доступ к потенциальным спамерам, так что это действительно небольшая проблема. Независимо от того, как вы решите настроить страницу контактов, убедитесь, что людям очень легко с вами связаться.Если вы используете контактную форму, запрашивайте только самое необходимое (имя, адрес электронной почты и их сообщение). Я видел контактные формы, в которых требовались обязательные почтовые адреса и номера телефонов. Подобные поля формы — серьезное препятствие.

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

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

БОЛЬШЕ: Попробуйте БЕСПЛАТНО WordStream Landing Page Grader

Примеры страниц «Свяжитесь с нами»: «Великий» и «Не очень великий»

Давайте посмотрим на несколько реальных примеров. Мы оцениваем эти примеры страниц контактов по шкале от 1 до 10. 10 — это идеальный образец страницы для связи, 5 — в порядке, а 1 — «сжечь дотла».«Дайте мне знать, если вы согласны с моей оценкой!

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

Конечно, что действительно отличает это от других, так это стиль и очаровательное очарование. Это очень весело!

Оценка: 8. Выглядит фантастически, имеет множество вариантов контактов и демонстрирует индивидуальность.

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

Оценка: 6. Просто, стильно и соответствует теме.

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

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

Оценка: 6. Разумное использование иерархии информации для ответа на вопросы пользователей, прежде чем они отправят электронное письмо.

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

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

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

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

Оценка: 2. Уродливое, скучное и неподходящее для Mashable.

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

Оценка: 7. Mostly Serious удалось реализовать этот ультра-минималистичный дизайн, не упуская из виду элемент веселья.

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

Оценка: 8. Дружелюбный, удобный и лаконичный Code Quest делает все правильно.

Эта страница для связи с нами от QuickSprout особенно уникальна, на ней представлена ​​прокручивающаяся инфографика, объясняющая, сколько писем получает Нил Патель каждый день и как мало времени у него есть, чтобы их все прочитать! Вы попадете в контактную форму Нила только после того, как пролистаете эту инфографику.Как и в предыдущем примере с ViperChill, Нилу необходимо иметь возможность отфильтровывать любые несвязанные запросы, чтобы сэкономить время.

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

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

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

Оценка: 6. Здесь много информации, которая может потребоваться посетителям Harpoon Brewery при посещении.

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

Оценка: 3. Не тот дизайн, который мы ожидали от создателей iPhone.

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

Гигантский, непривлекательный, нелепо выглядящий баннер — это еще один способ, которым Ticketmaster не делает вам одолжений.

Оценка: 2. Как ни странно непривлекательный, этот требует доработки.

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

Оценка: 8. Обнадеживающая и дружелюбная, эта страница «Контакты» заслуживает того, чтобы ее отложили.

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

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

Coca-Cola делает кое-что довольно оригинальное со своей страницей контактов — они помещают окно виртуального чата справа спереди и по центру.

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

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

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

Оценка: 8. Благодаря такому творческому подходу Coca-Cola показывает, что знает свою аудиторию.

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

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

В следующих разделах представлена ​​информация, которая поможет вам заказать брошюру (люди все еще так делают?), Узнать о правилах подачи чаевых и правилах приема алкоголя на борту самолета (это видео на YouTube о повторной герметизации бутылок с водой должно вам помочь) и посмотреть на доступную работу.Самый (самый) последний раздел , наконец, , предоставляет адрес электронной почты для людей, которые хотят оставить отзыв или задать вопрос относительно своего прошлого круиза. Мне кажется довольно странным, что такая жизненно важная информация похоронена под складкой в самом низу страницы. На мой взгляд, я ожидаю, что адрес электронной почты службы поддержки клиентов — это то, что большая часть посетителей ищет на странице контактов.

Оценка: 2. Эта информационная иерархия на этом не работает.

Многие страницы для связи с нами скучны и скучны, но The Band Agency показывает, что это не так. Эта страница контактов — моя любимая из всех представленных здесь. Жизненно важная информация легко доступна, она грамотно размещена на карте их физического местоположения. Парад силуэтов животных добавляет красивого и привлекательного качества , которое отличает этот сайт от остальных!

Оценка: 10. Очаровательная, очаровательная и функциональная, на этой странице контактов есть все!

У вас есть любимые страницы контактов, которыми вы хотите похвастаться? Делитесь своими выборами в комментариях!

Контакты Шаблоны сайтов

Шаблоны веб-сайтов для контактов

Веб-шаблоны для контактов являются неотъемлемой частью любого веб-сайта и страницы формы, где размещаются видеоресурсы веб-дизайна целевой страницы приложения контактов.Разница между базовой формой обратной связи и лучшей страницей контактов аналогична той, которую предлагает компания-разработчик программного обеспечения Atlassian, тем, насколько быстро происходит регистрация и насколько удобна прокрутка вниз в живом чате. Сделайте так, чтобы клиенты могли легко создавать ваши профили в социальных сетях и справочный центр. Когда у компании-разработчика программного обеспечения или агентства по изготовлению логотипов для недвижимости есть контактная информация, она проходит проверку на приличие и надежность. В простой форме «Связаться с нами» вы показываете клиентам, что вам не все равно, и вы хотите оказать им необходимую помощь.В наши дни есть более простые способы найти аргументы, которые им нужно исправить прямо сейчас, особенно когда хорошие быстрые дымовые сигналы помогают им улучшить свою поддержку. Бесплатный шаблон контактной формы повышает удобство работы пользователей и заставляет их назвать ваш веб-сайт одним из моих любимых. Начните создавать адаптивный дизайн веб-сайта для контактов с раскрывающимся меню, в котором показано, как они могут помочь потенциальным клиентам, и показать простой способ сделать отличную работу со своей страницей контактов, которая помогает посетителям сайта связаться с создателями.Простой и отзывчивый шаблон дизайна контактной формы — отличное начало для первоклассного обслуживания клиентов. Сколько посетителей веб-сайта находят ответы, используя информацию в нижней части страницы? Один из важнейших вопросов — как долго веб-сайт с 9 вариантами контактов должен отвечать на вопрос клиента или связываться с ним другими способами и как лучше всего минимизировать дизайн контактной формы и лучшие способы перехода на их страницу контактов?

Наши шаблоны контактной формы нацелены на реальных людей и на то, как создавать лучшие практики контактной страницы, используя базу знаний с несколькими способами связаться с нами, страница службы поддержки клиентов.Страница «Связаться с нами» является частью самых популярных категорий среди веб-шаблонов. Существует безграничное количество способов организовать их шаблон формы на странице «Свяжитесь с нами», поскольку нет установленных правил в отношении дизайна формы обратной связи. Карта Google хорошо подойдет для оффлайн-бизнеса, тогда как корпоративный адрес электронной почты и интерактивный чат отлично подходят для онлайн-бизнес-контактов. Если вы хотите увидеть отличные примеры страниц контактов, посетите бизнес-сайт Dollar Shave Club. Обратите внимание, как они используют отдельный одностраничный шаблон для клиентов, попавших в беду, где последние могут найти свои вопросы в часто задаваемых вопросах или сразу же связаться со службой поддержки.Одна страница для творчества — это одна короткая электронная почта с очень запросной формой обратной связи с лучшими страницами для связи с нами, и они упрощают ответы оператора связи, включая их ссылки в социальных сетях. Фон карты Google также может стать частью дизайна страницы «Контакты», а также номерами телефонов и другой информацией, которую вам необходимо отразить. Веб-сайт маркетинговых кампаний по электронной почте и их контактная страница, на которую попадают все посетители, должны коррелировать, чтобы увеличить время отклика и влияние. Плагины WordPress с шаблоном формы позволяют демонстрировать форму собственной контактной страницы во время веб-разработки своей контактной страницы и живого чата.

Конструктор сайтов Nicepage — профессионал в дизайне одностраничных сайтов, полностью адаптивный и похожий на целевые страницы Unbounce и бизнес-темы WordPress. Формируйте поля, настраивайте сетки, формы и макеты или добавляйте мультимедиа и значки для создания современного дизайна. Зарегистрируйтесь и убедитесь, что страница «Свяжитесь с нами» с полностью адаптивным design всегда готов изготовить шаблон контактной формы для целевой страницы. Лучшее в дизайне форм — это гибкость, позволяющая создать лучший индивидуальный дизайн контактной формы. Нет на это времени? Возьмите готовые страницы контактов или контактные формы и превратите их в лучший адаптивный шаблон веб-сайта именно для вас.Наш бесплатный конструктор форм онлайн-руководств работает с шаблонами HTML, шаблонами Joomla с шаблоном формы и другими, чтобы создавать образцы в мире проектов более быстрого веб-дизайна. Наш хостинг WordPress предоставляет примеры страниц для связи с простой формой обратной связи для базовой темы WordPress, которые будут полезны в процессе обучения. Они также предоставляют наиболее распространенные ответы для целевой аудитории под изображением главного героя, краткая форма упрощает задачу и может помочь ответить на вопросы, которые они задают. Наши учебные материалы объяснят, почему первое впечатление на странице контактов помогает нам лучше, и на странице «Контакты» прояснят, какие цели следует упомянуть даже в мобильном Интернете или в конструкторе страниц wpbakery.Во время оформления контактной страницы убедитесь, что вы предоставили необходимую помощь в конкретных условиях и одну из общих контактных форм на одном из моих веб-сайтов, которая будет поддерживать адаптивный дизайн контактной формы. Если вы спрашиваете себя, как создать свой клуб для контактов с нами или как создать карты Google для их справочного центра, то просмотрите примеры, которые часто размещаются на страницах с контактами. В нашем справочном центре вы найдете лучшие примеры страниц, в которых вы найдете бесплатный шаблон контактной формы, а также одну из бесплатных тем WordPress для тематических сайтов, посвященных контактному доллару, и портфолио.Страницы контактов будут вдохновлять нас в будущем примерами страниц, а их страницы контактов — бесплатным шаблоном контактной формы. Подпишитесь на лучшие шаблоны страниц контактной формы и другие возможности полностью адаптивного дизайна веб-сайтов.

20 лучших страниц контактов в 2020 году, которые преобразуют (+ передовой опыт)

Если бы кто-то искал ваш сайт и хотел заполучить вас, что бы они увидели на вашей странице контактов? Номер телефона? Адрес и карта? Ничего такого?

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

Однако ваша контактная страница должна быть одной из ваших самых важных страниц.

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

или адрес электронной почты: что лучше?

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

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

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

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

выглядят профессионально и проще в использовании.

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

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

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

позволяют легко перенаправлять членов команды.

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

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

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

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

Какие поля следует включить в контактную форму?

Имя и фамилия

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

Адрес электронной почты

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

Лучше всего запросить рабочий адрес электронной почты.Если они включают Gmail, AOL или базовый адрес электронной почты, они могут быть не заинтересованы.

Название компании

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

Причина обращения

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

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

10 Страница «Свяжитесь с нами» Передовой опыт

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

Задавайте только необходимые вопросы.

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

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

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

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

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

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

Включите ссылки на часто задаваемые вопросы.

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

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

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

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

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

Воспользуйтесь преимуществами интеллектуальных форм.

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

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

Включите ссылки на социальные сети.

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

Например, Muse размещает все свои ссылки на социальные сети внизу своей страницы контактов.

Централизуйте параметры связи.

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

Взгляните на страницу контактов SquareSpace. У них есть варианты для отделов, с которыми можно связаться, в аккуратных ящиках под местом героя.

Сохраняйте свой дизайн в соответствии с остальной частью вашего веб-сайта.

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

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

Помогите пользователям найти вашу контактную страницу.

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

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

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

Будь проще.

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

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

20 примеров идеальных контактных страниц, которые должны вас вдохновить

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

* Примечание. Не все эти страницы содержат элементы и передовые методы, описанные выше … но они слишком крутые , а не , чтобы о них говорить.*

1. YETI

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

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

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

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

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

Забудьте электронную почту. Отправь открытку!

Или хотя бы сделайте вашу страницу контактов похожей на открытку.Сайт путешествий Let’s Travel Somewhere сохранил свою тему путешествий, создав фантастическую страницу контактов, которая выглядит как открытка.

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

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

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

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

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

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

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

4. Coca-Cola

Неудивительно, что у такой компании, как Coca-Cola, была отличная страница контактов.

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

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

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

5. млн унций

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

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

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

6. UberConference

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

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

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

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

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

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

7. Wendy’s

Wendy есть простое и понятное сообщение: Свяжитесь с нами, когда вам будет удобно.

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

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

8. Достичь 3000

Вероятно, ваш сайт посещают самые разные люди. Они ищут продажи? Нужна ли им поддержка клиентов?

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

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

9. Zendesk

Разговор о простом.

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

Все, что они просят, — это рабочий адрес электронной почты, тема (раскрывающийся список между ценами / продажами, выставлением счетов, маркетингом / PR, партнерскими отношениями или трудоустройством) и быстрое сообщение со ссылкой на ваш охват. Нажмите «Отправить», и кто-нибудь скоро с вами свяжется!

Если вам нужна поддержка по продукту, есть быстрый способ найти ее — просто нажмите на CTA «посетить наш справочный центр» под контактной формой, и вы будете перенаправлены в справочный центр Zendesk.

10. Баттерии

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

Но вот самое лучшее:

Они также включают свою контактную форму прямо на своей домашней странице!

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

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

11. Brandaffair

Весь веб-сайт Brandaffair потрясающий… и их контактная страница не разочаровывает.

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

Если вы ищете номер телефона, адрес электронной почты или адрес, вы можете найти его в разделе «Познакомьтесь с нами». А если вы хотите представить проект или обратиться к команде, вы можете заполнить форму в разделе «Расскажите о нас».Довольно круто, правда?

12. Домо

Domo — еще один пример того, что чистый дизайн работает.

Тонкие градиентные значки символизируют различные способы связи с командой, от телефонного звонка до обращения в службу поддержки 24/7. Затем, когда вы продолжите прокрутку вниз, есть возможность заполнить общую форму, чтобы напрямую связаться с Domo с любыми вопросами, комментариями или проблемами.

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

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

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

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

• Ваш отличный продукт
• Встреча за кофе
• Птицы и пчелы

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

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

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

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

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

Когда вы попадаете на страницу контактов Vidyard, вас встречает фирменное фоновое изображение их логотипа, которое сразу помогает вам идентифицировать их бренд. Затем, при прокрутке, вы увидите четыре разных вкладки:

• Вопросы
• Стоимость
• Демо
• API

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

Юмор действительно может иметь большое значение в привлечении новых посетителей и поощрении их к общению. И это именно то, что делает The Middle Finger Project!

Уже будучи интригующим брендом, контактная форма The Middle Finger Project не что иное, как развлечение. В формате, похожем на безумную библиотеку, варианты выпадающего списка довольно забавны, но связаться с основателем Эшем Амбирджем все еще очень легко.

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

И, согласно верхней части их контактной страницы, если вам «нужен сверхбыстрый ответ? Напишите в Твиттере @TMFproject для обслуживания клиентов или забавных мыслей!»

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

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

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

«Сказать привет» — это их версия контактной формы.Нет обязательных полей, нет ограничения на количество символов — просто сообщение, которое вы можете отправить команде. И по мере того, как вы печатаете, цвет фона меняется! (Это заставит вас захотеть написать больше, чтобы вы могли смотреть с трепетом.)

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

Кроме того, если вы не укажете электронную почту, вы получите это быстрое сообщение: «Хм … Вы не указали, как мы можем с вами связаться.Вы все равно хотите отправить сообщение? »Итак, не забудьте оставить одно, чтобы они могли ответить!

Неудивительно, что мы большие сторонники HubSpot — как агентство Diamond Partner, мы все находимся в поезде HubSpot.

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

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

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

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

Хотя дизайн очень нестандартный, результат чертовски крутой.

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

Очень простая форма гласит: «Я [имя], мой адрес электронной почты [адрес электронной почты], я отправляю вам [слова] сейчас». Как только вы закончите заполнение, просто нажмите желтое «сейчас», и ваше сообщение будет отправлено.

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

20. Bluleadz

Не то чтобы мы хотели гудеть сами, но нам очень нравится наша собственная страница контактов!

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

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

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

Контактные страницы — Awwwards

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

• Поделитесь!

• Поделитесь!

• Поделитесь!

• Поделитесь!

• Поделитесь!