20 классных контактных страниц

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

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

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

Очень важно знать, что страница контактов составлена правильным образом. Как? Давайте рассмотрим 20 классных примеров.

Welikesmall

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

 

 

 

Noearaujo

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

 

 

 

Combadi

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

 

 

 

Denise Chandler

Фрилансерам также стоит обратить внимание на свои контактные страницы. Denise Chandler использует её не только для обратной связи, но и сразу же заставляет потенциальных клиентов задуматься о своём проекте: сроках, стоимости и т.д. В результате, владелец может сразу же решить, браться за проект или нет.

 

 

 

Hello Creative Media

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

 

 

 

Fior di Latte

В 21 веке для сайтовладельцев важны не только посетители, но и подписчики на Twitter и Facebook. Для набора подобных подписчиков Fior di Latte использует свою контактную страницу. Им важно, чтобы вы сначала пообщались с ними в online режиме, прежде чем писать или звонить.

 

 

 

Built by Buffalo

С некоторыми фирмами можно связаться множеством различных способов. Built by Buffalo замечательно отобразили это на своей странице контактов:

 

 

 

Grain and Mortar

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

 

 

 

Fhoke

В отличии от многих других, Fhoke используют не одну форму для контактов, а две! Зачем? Одна для тех людей, которые хотят просто поздороваться и выразить свои эмоции, другая - для потенциальных клиентов.

 

 

 

Sweet Basil

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

 

 

 

Social Design House

Social Design House - это очень креативное агенство по созданию дизайна. Именно поэтому их страница очень качественно оформлена, но в то же время и очень проста.

 

 

 

Let’s Travel Somewhere

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

 

 

 

Ghost Games

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

 

 

 

Cobble Hill

На этом сайте каждая деталь соответствует общему стилю.

 

 

 

Brown’s Court Bakery

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

 

 

 

Evoke

Этот сайт выполнен в очень интересном стиле. Страница контактов также не отстаёт. Тут хочется рассмотреть каждую деталь.

 

 

 

Evolve Artistic

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

 

 

 

Bang & Olufsen

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

 

 

 

Production Locations

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

 

 

 

AFOBI

На данной странице очень чётко отображены все возможные способы связи с данной компанией.

 

 

 

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://www.webdesignerdepot.com/2013/03/20-excellent-contact-pages/
Перевел: Станислав Протасевич
Урок создан: 11 Апреля 2013
Просмотров: 87689
Правила перепечатки


5 последних уроков рубрики "Для сайта"

  • Эффекты блочного раскрытия

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

  • 15 полезных .htaccess сниппета для сайта на WordPress

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

  • 20 бесплатных тем для WordPress в стиле Material Design

    Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

  • 20 сайтов с креативным MouseOver эффектом

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

  • 45+ бесплатных материалов для веб дизайнеров за август 2016

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

^ Наверх ^