Дизайн — статьи о сайтах
Страница о гофрокоробах, пищевых контейнерах или пакетах быстро разрастается: размеры, марки картона, виды печати, тиражи, сроки, требования к макету, доставка. Всё это нужно покупателю, но читать подряд никто не станет. Ниже приёмы, которые помогают быстро найти нужный фрагмент и при этом не заставляют вас вычёркивать полезные сведения.
Почему длинная страница у поставщика упаковки неизбежна
Закупщик сравнивает несколько поставщиков и ищет конкретные ответы: подойдёт ли размер, какой минимальный тираж, как подготовить макет, когда возможна отгрузка. Технолог смотрит на материал и конструкцию, маркетолог на печать и внешний вид, снабженец на сроки и условия. Поэтому задача не в том, чтобы сократить текст, а в том, чтобы у каждого был быстрый вход в свой раздел.
Сводка в начале и оглавление с якорями
Сразу под заголовком поставьте сводку из 3–5 строк: что вы производите, из каких материалов, как запросить расчёт. Тот, кому этого достаточно, нажмёт кнопку и не будет листать дальше.
Следом разместите оглавление из якорных ссылок на разделы страницы. Называйте пункты так, как формулирует вопрос покупатель: не «Информация», а «Размеры и марки картона», «Тиражи и сроки», «Требования к макету». На телефоне оглавление удобно оформить кнопкой «Разделы» или горизонтальной полосой, которая остаётся на экране при прокрутке.
Пример: условная страница «Гофрокороба на заказ»
Так может выглядеть структура. Цифры и условия каждая компания подставляет свои.
- Сводка: «Короба из трёхслойного и пятислойного картона, печать в несколько цветов. Укажите размеры и тираж, мы подготовим расчёт». Рядом кнопка «Запросить расчёт».
- Оглавление: Конструкции · Марки картона · Печать · Тиражи и сроки · Макет · Доставка · Вопросы.
- «Конструкции»: не абзац, а карточки с названием, схемой и подписью «Подходит для…».
- «Тиражи и сроки»: таблица, а не описание словами.
- Повтор кнопки после таблицы и в конце страницы, чтобы не возвращаться наверх.
Таблицы и карточки вместо сплошного текста
Характеристики, которые сравнивают, лучше показывать в таблице. Для коробов это могут быть столбцы «Вариант», «Для чего подходит», «Минимальный тираж», «Срок изготовления». Если данные зависят от заказа, так и напишите: «Уточняется при расчёте». Пустая ячейка или прочерк вызывают больше вопросов.
Следите за мелочами. Единицы измерения выносите в заголовок столбца. Размеры записывайте в одном порядке, например длина × ширина × высота, и один раз поясните его. На узком экране таблица должна прокручиваться по горизонтали, а первый столбец лучше закрепить, иначе читатель потеряет, к какой строке относятся цифры.
Что свернуть, а что оставить открытым
Раскрывающиеся блоки подходят для второстепенного: допусков по размерам, редких вопросов, технических нюансов по подготовке файлов. Открытыми оставляйте то, от чего зависит решение запросить расчёт: минимальный тираж, сроки, порядок заказа.
Заголовок свёрнутого блока должен быть понятен без раскрытия: «Какие форматы файлов принимаются для печати», а не «Подробнее». Проверьте, что переход по ссылке из оглавления открывает нужный блок, а не останавливается над закрытой панелью.
Для самого текста подойдёт строка примерно 60–80 знаков, абзацы по 3–4 строки и заметный интервал перед подзаголовками. Если подробные спецификации лежат в PDF, продублируйте главное на странице и укажите название и размер файла: так читатель не откроет документ вслепую.
Проверочный список
- В первом экране есть сводка и кнопка запроса расчёта.
- Оглавление ведёт к разделам, а его пункты названы вопросами покупателя.
- Каждый подзаголовок описывает содержание раздела.
- Сравниваемые параметры собраны в таблицы, которые читаются на телефоне.
- В свёрнутых блоках нет ключевых условий заказа.
- Кнопка связи повторяется после самых важных разделов.
- Ключевые данные из PDF-файлов есть и в тексте страницы.
- Страницу открыли на смартфоне и нашли ответ о тираже и сроках не дольше чем за полминуты.
Последний пункт проверьте вместе с сотрудниками, которые не участвовали в подготовке страницы: они быстро покажут, где навигация непонятна.
