Дизайн — статьи о сайтах
У службы доставки страница услуг отвечает на практичный вопрос: «Привезут ли мне еду туда, куда нужно, и когда?» Если ответ спрятан в длинном тексте или в сноске под меню, человек уходит к тому, у кого он виден сразу. Ниже разберём, как собрать такую страницу по блокам и в каком порядке их расположить.
Что считать услугами у службы доставки
Меню — это товары, а услуги — способы их получить. Обычно это доставка курьером, самовывоз, заказ к определённому времени, обеды для офиса и еда на мероприятие. У каждого способа свои сроки, условия и форма заказа, поэтому их лучше не смешивать в одном абзаце. Если сценариев два-три, хватит одной страницы с якорными блоками. Если у корпоративных заказов другой процесс (согласование, счёт, договор), вынесите их на отдельную страницу и дайте ссылку из общего списка услуг.
Первый экран: зона, время, минимальный заказ
Посетитель ищет три факта: доезжает ли доставка до его адреса, сколько ждать и есть ли ограничение по сумме. Поставьте их в начало страницы, не прячьте за кнопкой «Подробнее». Лучше всего работает поле «Введите адрес» или выбор района, а рядом короткая строка с условиями. Если проверку адреса пока не сделать, поставьте список районов и ссылку на карту зон. Заголовок вроде «Наши услуги» ничего не сообщает. Пишите конкретнее: «Доставка еды по [городу]: районы, сроки, условия».
Зоны и условия: списком, а не абзацем
Условия доставки читают выборочно, поэтому разбивайте их на строки с одинаковой структурой: зона, ориентир по времени, минимальная сумма, стоимость доставки или порог бесплатной. Не ставьте в одну строку разные параметры. Указывайте только то, что компания действительно выполняет. Если срок зависит от загрузки кухни или погоды, напишите об этом прямо и объясните, где посетитель увидит точное время (например, при оформлении заказа).
Условный пример фрагмента страницы
Вот как может выглядеть блок для вымышленной службы доставки. Значения в скобках владелец подставляет сам.
- Заголовок: Доставка еды по [городу]
- Подзаголовок: Проверьте, довозим ли мы до вашего адреса
- Поле: адрес + кнопка «Проверить»
- Зона 1, центр: обычно [N–N] минут, минимальный заказ [сумма], доставка [условие]
- Зона 2, спальные районы: обычно [N–N] минут, минимальный заказ [сумма], доставка [условие]
- Зона 3, пригород: по предварительному заказу, время подтверждает оператор
- Примечание: в часы высокой загрузки срок может увеличиться, точное время видно при оформлении
Такой блок можно прочитать за несколько секунд. Каждая строка отвечает на один вопрос, и никаких обещаний, которые служба не может выполнить, в нём нет.
Как заказать, оплатить и что делать, если что-то пошло не так
После условий покажите путь заказа в три-четыре шага: выбор блюд, адрес и время, оплата, получение. Рядом перечислите способы оплаты, которые у вас реально подключены: онлайн, курьеру, по счёту для организаций. Отдельный блок нужен для нестандартных ситуаций: позиции нет в наличии, заказ задерживается, нужно изменить адрес. Сайт здесь только излагает вашу политику, поэтому сначала решите внутри компании, как вы действуете в таких случаях, и зафиксируйте это в коротких формулировках. Юридические тексты (оферту, условия возврата) лучше согласовать со специалистом и вынести отдельной ссылкой, а на странице услуг оставить понятную выжимку.
Корпоративные и крупные заказы: отдельный вход
Офисные обеды и банкеты не оформляются через обычную корзину, и держать их в общем потоке неудобно. Сделайте блок с понятной формой запроса: дата и время, число порций, адрес, пожелания по составу, контактное лицо, нужен ли счёт. Укажите, за какой срок до мероприятия нужно написать. Не просите больше полей, чем нужно для первого ответа. Остальное уточнит менеджер по телефону.
Проверочный список перед публикацией
- В первом экране видны зона доставки, ориентир по времени и минимальный заказ.
- Адрес можно проверить без регистрации.
- Условия по зонам оформлены одинаковыми строками, а не сплошным текстом.
- Сроки и суммы совпадают с тем, что показывает корзина и что говорят операторы.
- Способы оплаты перечислены только действующие.
- Описано, что происходит при задержке или отсутствии позиции.
- Для корпоративных заказов есть отдельная форма и указан срок предзаказа.
- Телефон и мессенджер для вопросов по текущему заказу доступны в любой части страницы.
- Страница одинаково читается на смартфоне: заказывают чаще всего с него.
Вернитесь к этому списку при каждом изменении зон или условий. Устаревшие данные на странице услуг вредят больше, чем их отсутствие: человек оформляет заказ по одним правилам, а получает другие.
