Как согласовать макет страницы на сайте металлообрабатывающего предприятия без лишних переделок

Макет редко приходится переделывать из-за того, что «не понравился дизайн». Чаще выясняется, что на странице нет блока, который нужен технологу, или в красивую сетку не помещается реальная таблица материалов. У металлообрабатывающего предприятия это заметно сильнее, чем в большинстве отраслей: у услуги много параметров, а заказчики приходят с чертежами и конкретными вопросами.

Почему макеты производственных сайтов переделывают чаще всего

Типичные причины повторяются:

• макет рисуют на условном тексте и нескольких эффектных фотографиях, а реальные таблицы, перечень оборудования и требования к файлам появляются уже после утверждения;
• макет согласует один человек, а потом подключаются главный технолог, коммерческий отдел и начинают добавлять «обязательные» блоки;
• макет смотрят только на большом мониторе, хотя заявку нередко открывают с телефона, например снабженец с проходной или из цеха.

Все три проблемы решаются порядком работы, а не усилиями дизайнера.

Сначала согласуйте состав страницы, а не цвета

До визуального дизайна попросите схему страницы из серых блоков, но с настоящими заголовками и реальными текстами. Для каждого блока полезно письменно ответить на три вопроса: какой вопрос посетителя он закрывает, кто предоставит данные и кто отвечает за их актуальность. Если у блока «Оборудование» нет владельца данных, он через полгода устареет или останется пустым.

Такой документ проще обсуждать, чем картинку: спорят о содержании, а не о шрифтах. Утвердив состав, вы получаете границу: всё, что добавляется позже, считается новым требованием, а не доработкой.

Условный пример: страница «Лазерная резка листового металла»

Это иллюстрация, а не описание реального проекта. Допустим, схема страницы такая:

• Первый экран. Название услуги, одно предложение о том, что вы режете и для кого, кнопка «Отправить чертёж на расчёт».
• Материалы и толщины. Таблица: материал, максимальная толщина, формат листа. Значения вносит технолог, а не маркетолог.
• Что нужно для расчёта. Принимаемые форматы файлов (например, DXF, DWG, PDF), материал, количество, желаемый срок.
• Сроки и объёмы. Работаете ли вы с единичными деталями или только с партиями, как считаются сроки.
• Примеры деталей. Фото с подписью: материал, толщина, что за изделие.
• Форма заявки. Имя, телефон или почта, загрузка файла, комментарий.

Уже на этой схеме видны вопросы, которые иначе всплыли бы поздно. Как таблица из четырёх-пяти столбцов поведёт себя на телефоне: превратится в карточки или получит горизонтальную прокрутку? Что увидит пользователь, если файл слишком большой? Куда придёт заявка и кто ответит на неё в выходной? Всё это решается на макете, а не после вёрстки.

Как провести согласование по шагам

1. Соберите материалы заранее. Перечень услуг, таблицы материалов, список оборудования, реальные фото продукции, образец типовой заявки.
2. Утвердите схему страницы. Подтверждение в письме от ответственного лица, а не устное «вроде нормально».
3. Покажите дизайн ключевой страницы в двух размерах: компьютер и телефон. Остальные страницы одного типа делаются по тому же шаблону.
4. Дайте посмотреть тем, кто принимает заявки. Менеджер и технолог быстро заметят, чего не хватает для расчёта.
5. Только после этого передавайте макет в вёрстку.

Чек-лист: что проверить на макете до вёрстки

• Все тексты и таблицы реальные или близкие к реальным по объёму.
• Понятно, откуда берутся данные для каждого блока и кто их обновляет.
• Кнопка заявки видна на первом экране и повторяется после длинной таблицы.
• Форма просит только то, что нужно для первого ответа; чертёж можно приложить.
• Показан вариант для телефона, включая таблицы.
• Прописаны состояния формы: ошибка, успешная отправка, слишком большой файл.
• Подписи к фото содержат материал и тип работы, а не слова «наша продукция».
• Макет посмотрели технолог и менеджер по заявкам, а не только руководитель.

Как фиксировать правки, чтобы не расширять задачу

Назначьте одного человека, который собирает замечания коллег и передаёт их единым списком. Каждую правку полезно отнести к одному из двух типов: уточнение уже согласованного (поменять формулировку, заменить фото) или новое требование (добавить блок, раздел, расчёт стоимости). Первые вносятся в текущую версию, вторые обсуждаются отдельно: они влияют на сроки и объём работ.

Нумеруйте версии макета и храните последнюю утверждённую. Тогда спор вида «мы же просили иначе» решается по документу, а не по памяти.

Все статьи блога