Дизайн — статьи о сайтах
Страница контактов у компании по обслуживанию лифтов — это рабочий инструмент, а не визитка. Её открывают в двух состояниях: спокойном, когда выбирают подрядчика, и нервном, когда лифт остановился и нужно быстро дозвониться. Если обе задачи свалены в один блок, страдают обе. Ниже — что можно изменить на сайте, чтобы каждый посетитель находил нужное за несколько секунд.
Кто приходит на страницу и что ему нужно
Прежде чем править макет, выпишите типичных посетителей и их задачи:
- житель дома или сотрудник офиса: сообщить о неисправности, узнать, куда звонить;
- председатель ТСЖ или представитель управляющей компании: запросить предложение на обслуживание, уточнить порядок работы с договором;
- управляющий бизнес-центра или торгового объекта: обсудить обслуживание, модернизацию, диагностику;
- поставщик, соискатель, представитель контролирующей организации: найти реквизиты и нужного сотрудника.
У первой группы задача срочная, у остальных — рабочая. Поэтому у страницы должна быть понятная иерархия: сначала то, что нужно «прямо сейчас», затем всё остальное.
Зачем отделять аварийную связь от деловых обращений
Если на странице один телефон и одна форма «Свяжитесь с нами», человек в стрессе тратит время на выбор. А менеджер отдела продаж получает заявки об остановке лифта, которые лежат до утра в почте. Решение простое: два явно названных канала.
Первый — «Аварийная диспетчерская»: номер, режим работы (круглосуточно или нет — пишите так, как есть на самом деле) и короткая подсказка, что назвать диспетчеру. Второй — «Заказать обслуживание или расчёт»: форма, почта, телефон офиса с рабочими часами. Не обещайте круглосуточную работу, если ночью трубку не берут: честная пометка лучше, чем потерянное доверие.
Условный пример верхней части страницы
Вот как может выглядеть первый экран страницы контактов вымышленной компании «Лифт-Сервис». Это иллюстрация структуры, а не отчёт о чьей-то работе.
- Левая колонка, заголовок «Лифт остановился или неисправен»: крупный номер диспетчерской с кнопкой «Позвонить», под ним строка «Работаем круглосуточно» и подсказка «Назовите адрес дома, подъезд и номер лифта, если он указан в кабине».
- Правая колонка, заголовок «Обслуживание, модернизация, расчёт»: телефон офиса, «пн–пт, 9:00–18:00», почта и короткая форма из трёх полей.
- Ниже: адрес офиса с кнопкой «Как добраться», реквизиты, контакты для поставщиков и отдел кадров.
Обратите внимание: в подсказке для диспетчера нет рассуждений о правилах и ответственности. Она просто сокращает разговор, потому что человек уже знает, какие данные понадобятся.
Телефон, мессенджер и форма: что настроить технически
Телефон. Номер должен быть кликабельным: на смартфоне нажатие сразу открывает набор (ссылка вида tel: с номером в международном формате). Номер должен быть текстом, а не картинкой — его можно выделить и скопировать. Аварийный номер полезно дублировать в шапке сайта на всех страницах, а не только в разделе контактов.
Мессенджеры. Если компания действительно отвечает в WhatsApp или Telegram, добавьте кнопки рядом с деловыми контактами. Для аварийных ситуаций мессенджер лучше не указывать, если нет гарантии, что сообщение прочитают мгновенно: звонок надёжнее.
Форма. Оставьте только то, без чего нельзя ответить: имя, телефон, адрес объекта или тип запроса. Выпадающий список «Что нужно» (обслуживание, ремонт, модернизация, другое) сразу направляет заявку нужному сотруднику. После отправки покажите понятное сообщение: «Заявка принята, перезвоним в рабочие часы», — иначе человек будет отправлять её повторно. Проверьте, что уведомление реально приходит на почту ответственного, и настройте цели в системе аналитики, например в Яндекс.Метрике, чтобы видеть нажатия на номер и отправки формы.
Адрес, реквизиты и график: мелочи, которые снимают лишние звонки
Для офиса укажите точный адрес, этаж, вход и ориентир; добавьте карту и пару строк о парковке. Реквизиты выложите текстом, а при желании — ещё и файлом для скачивания: бухгалтерам заказчиков это экономит время. Если у компании несколько диспетчерских пунктов или районов обслуживания, подпишите, какой номер для какой территории, и не заставляйте посетителя угадывать.
Отдельно проверьте мобильную версию: именно с телефона чаще всего ищут контакты на лестничной площадке или у входа в здание. Кнопки должны быть достаточно крупными, чтобы попасть пальцем, а номер — виден без прокрутки.
Проверочный список для страницы контактов
- Аварийный и деловой каналы названы по-разному и расположены раздельно.
- Режим работы каждого канала указан честно и актуален.
- Номера кликабельны и набираются с телефона одним нажатием.
- Аварийный номер виден в шапке на любой странице сайта.
- В форме не больше 3–4 обязательных полей, есть выбор типа обращения.
- После отправки формы показывается подтверждение, письмо приходит ответственному.
- Адрес, карта, реквизиты и контакты для поставщиков и соискателей на месте.
- Страница проверена на смартфоне, в том числе при медленном интернете.
- Раз в квартал кто-то из сотрудников звонит по всем указанным номерам и отправляет тестовую заявку.
Последний пункт самый недооценённый: устаревший номер или заброшенная почта вредят сильнее, чем неудачный дизайн. Назначьте ответственного за актуальность контактов, и страница будет работать так, как задумано.
