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