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