Что входит в проектирование сайта
- Карта сайта: разделы, страницы и связи между ними, адреса будущих страниц.
- Схемы ключевых страниц для компьютера и телефона: главная, услуга или товар, каталог, контакты.
- Сценарии посетителя: путь от первого экрана до формы, звонка или корзины.
- Черновые заголовки и тексты блоков, чтобы схема читалась как настоящая страница.
- Кликабельный прототип: переходы между экранами можно пройти мышью или пальцем.
- Описание для разработчиков: формы, фильтры, состояния кнопок, что приходит в CRM.
Зачем рисовать схему до дизайна
Правка схемы занимает минуты, правка готовой вёрстки — дни работы программиста. Прототип позволяет владельцу бизнеса, маркетологу и продажам договориться о содержании до того, как появятся цвета и шрифты. Спор «нравится или нет» откладывается, обсуждается главное: понятно ли клиенту, что вы продаёте, и легко ли ему оставить заявку.
Структуру мы строим от поисковых запросов и вопросов клиентов, поэтому каждая страница прототипа отвечает на конкретный запрос. Это экономит время при запуске SEO-продвижения: не придётся перекраивать разделы после старта.
Работа над прототипом по неделям
| Неделя | Что делаем | Что вы утверждаете |
|---|---|---|
| 1-я | Интервью с владельцем и продажами, разбор сайтов конкурентов, сбор запросов | Цели сайта и список страниц |
| 2-я | Карта сайта и схемы главной и ключевых страниц | Структуру и порядок блоков |
| 3-я | Остальные типовые страницы, мобильные экраны, формы и сценарии | Кликабельный прототип |
| 4-я | Правки по итогам показа сотрудникам, описание для разработчиков | Финальный прототип и задание |
Стоимость проектирования и что на неё влияет
Прототип сайта стоит от 50 000 ₽ разово. Цену определяют число уникальных шаблонов страниц, сложность сценариев — фильтры каталога, корзина, личный кабинет, калькулятор, — нужны ли интервью с клиентами и тексты блоков. Сайт-визитку проектируем быстрее, интернет-магазин и портал — дольше и дороже.
Следующий шаг после проектирования — дизайн сайта и вёрстка. Если нужно проверить сценарии на живых людях до разработки, подключаем UX-исследование с респондентами.
Права на прототип
Схемы страниц и тексты — результат творческой работы. Чтобы вы могли передать прототип любому подрядчику, в договоре прописываем отчуждение исключительного права в письменной форме (ст. 1234 ГК РФ).
Кому отдельный прототип не нужен
Для одностраничного сайта на конструкторе с типовым шаблоном отдельное проектирование избыточно: структуру мы набросаем в рамках разработки. Не нужен прототип и тому, у кого уже есть рабочий сайт с заявками, а задача — поменять оформление: здесь подойдёт редизайн.