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