Структура сайта до дизайна: какие решения нужно принять на схеме

Опишите не аудиторию, а ситуации

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

Для каждого сценария зафиксируйте вход: поиск, реклама, Карты, рекомендация или ссылка из презентации. Затем определите страницу первого контакта и следующий шаг. Главная не обязана быть входом для всех. Часто точная страница услуги отвечает на запрос лучше и короче.

Соберите карту страниц

Начните с обязательных сущностей: направления услуг, отдельные услуги, кейсы, статьи, контакты и юридическая информация. Объединяйте страницы, которые решают одно намерение, и разделяйте те, где меняются продукт, цена, география, доказательства или условия выбора.

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

• название страницы и ее единственная главная задача;
• сценарий и источник входа;
• ключевое доказательство;
• основной и резервный следующий шаг.

Разложите смысл по экрану

До визуального макета напишите черновой заголовок, пояснение, главный факт доверия и действие для первого экрана. Затем расположите ответы в логике решения: что входит, кому подходит, результат, процесс, сроки, цена, доказательства, возражения и форма.

Не начинайте с универсальных названий блоков вроде «наши преимущества». Сформулируйте конкретный вопрос пользователя. Вместо блока «почему мы» может понадобиться схема контроля сроков, пример отчета или сравнение форматов работы. Содержание подскажет визуальную форму лучше, чем декоративная сетка.

Подготовьте реальные материалы

Соберите фотографии, интерфейсы, цифры, документы, отзывы и кейсы до финального дизайна. Заглушка из серого прямоугольника скрывает проблему: реальный скриншот может быть вертикальным, таблица - широкой, а кейс - требовать пояснения. Макет должен работать с настоящим содержанием.

Назначьте владельца каждому материалу и дату готовности. Отдельно отметьте данные, которые нельзя публиковать, и подготовьте безопасную форму: относительную динамику, обезличенный фрагмент или описание метода. Честное ограничение лучше выдуманной цифры.

• фото команды и процесса;
• кейсы с периодом и исходной точкой;
• состав услуги и границы ответственности;
• ответы на частые вопросы отдела продаж.

Форма и измерение до разработки

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

На схеме укажите обязательные поля, экран успеха, срок ответа, место хранения заявки и цели Метрики. Проверьте путь без дизайна как простой прототип. Если пользователь уже на схеме не понимает предложение или не знает, куда нажать, анимация и типографика эту проблему не исправят.