Проектирование сайта и прототип
Продумываем структуру, логику и содержание страниц до дизайна и программирования — чтобы сайт решал задачи бизнеса, а разработка шла без переделок.
- Структура разделов на основе поискового спроса
- Интерактивный прототип в Figma для всех шаблонов
- Техническое задание для дизайнера и разработчика
- Срок — от 1 недели
Стоимость: от 40 000 ₽
Рассчитаем стоимость бесплатно
Ответим в рабочее время и предложим решение под вашу задачу
Кому нужно проектирование
Тем, кто запускает новый сайт
Прототип позволяет согласовать содержание и логику до того, как потрачен бюджет на дизайн.
Тем, кто планирует редизайн
Перестраиваем структуру текущего сайта под реальные запросы клиентов и задачи продаж.
Компаниям со своими разработчиками
Получаете проект и ТЗ, по которым ваша команда или любой подрядчик сделает сайт.
Тем, кто выбирает подрядчика
Прототип и ТЗ дают одинаковую основу для оценки, и сметы студий становятся сравнимыми.
Что решает прототип
Дизайн переделывают несколько раз, потому что содержание меняется по ходу.
Сначала согласуем блоки и тексты в прототипе, дизайнер работает по утверждённой основе.
Подрядчики называют цены, отличающиеся в разы.
По прототипу и ТЗ все оценивают одинаковый объём работ.
На сайте нет страниц под запросы, по которым ищут клиенты.
Структуру строим от семантического ядра: каждой группе запросов — своя страница.
Посетитель теряется и не понимает, куда нажать.
Проектируем пути пользователя от входа до заявки и проверяем их на прототипе.
Как проходит проектирование
Сроки указаны для корпоративного сайта. Прототип лендинга готов за 1–2 недели.
- 1–2 день
Интервью
Обсуждаем бизнес, аудиторию, конкурентов и цели сайта, собираем материалы.
- 3–5 день
Анализ
Изучаем сайты конкурентов и поисковый спрос, формируем список страниц.
- 1–2 неделя
Структура
Карта сайта, меню, связи между разделами, пользовательские сценарии.
- 2–3 неделя
Прототипы
Чёрно-белые макеты всех шаблонов с реальными заголовками и блоками.
- 3–4 неделя
ТЗ и защита
Описываем функционал и презентуем прототип, вносим финальные правки.
Результат работы
Результат проектирования
Карта сайта
Схема всех разделов и страниц с уровнем вложенности и адресами.
Привязка запросов к страницам
Таблица: какая страница по каким поисковым запросам должна ранжироваться.
Интерактивный прототип
Кликабельные макеты в Figma для десктопа и смартфона.
Техническое задание
Описание функционала, форм, интеграций и поведения элементов.
Структура контента
Заголовки и тезисы для каждого блока — основа для копирайтера.
Цены
Стоимость проектирования
Точную стоимость фиксируем в договоре после брифа.
Сначала прототип — потом бюджет на разработку
Расскажите о проекте, и мы предложим состав проектирования под ваш сайт и задачи.
Проектирование сайта: зачем нужен прототип
Прототип сайта — это схематичный макет страниц без финального дизайна: блоки, заголовки, кнопки, формы и их расположение. Он показывает, что будет на сайте и как посетитель дойдёт до заявки. Проектирование сайта позволяет обсудить содержание до дизайна и программирования, когда изменения ещё ничего не стоят.
Чем прототип отличается от дизайна
На прототипе нет цветов, фотографий и стилистики — только структура и смысл. Это сделано специально: так обсуждение не уходит в «нравится или не нравится», а концентрируется на логике. После утверждения прототипа дизайн сайта делается быстрее и с меньшим количеством правок.
Как мы проектируем
- Исследование. Интервью с вами и, если возможно, с отделом продаж: какие вопросы задают клиенты, что их останавливает.
- Поисковый спрос. Собираем семантическое ядро и распределяем запросы по страницам. Так структура сайта сразу готова к SEO.
- Анализ конкурентов. Смотрим, как устроены сайты лидеров ниши, что работает и чего не хватает.
- Сценарии. Описываем, откуда приходит посетитель и какой путь проходит до целевого действия.
Что даёт прототип бизнесу
Главная выгода — предсказуемость. С утверждённым прототипом и ТЗ вы точно знаете, что получите, а подрядчики оценивают одинаковый объём работ. Это снижает риск, что бюджет вырастет по ходу проекта.
Кликабельный прототип можно показать коллегам и отделу продаж ещё до дизайна: пройти путь клиента, найти недостающие блоки и вопросы, на которые страница пока не отвечает.
Прототип полезен и для существующих сайтов. Если сайт получает трафик, но не приносит заявок, имеет смысл провести юзабилити-аудит и спроектировать новые версии ключевых страниц.
Что дальше
По готовому прототипу и ТЗ можно заказать разработку у нас или у любого другого подрядчика — все материалы передаются вам. Если хотите пройти весь путь с одной командой, посмотрите услугу создание сайтов под ключ: проектирование входит в неё как первый этап.
Можно ли заказать только прототип?
Да. Вы получите прототип в Figma и ТЗ, по которым сайт сможет сделать любая команда.
Чем прототип отличается от технического задания?
Прототип показывает, как выглядят страницы и где находятся блоки. ТЗ описывает функционал: формы, фильтры, интеграции, права доступа. Обычно они идут вместе.
Нужно ли семантическое ядро для проектирования?
Для сайтов, которые будут продвигаться в поиске, — да. Без него структура строится наугад, и потом приходится добавлять страницы и менять меню.
Если потом закажу разработку у вас, стоимость учтут?
Если разработка заказывается у нас, проектирование становится первым этапом проекта, и повторно мы его не оплачиваем — это фиксируется в договоре.
Бесплатная консультация
Обсудим «Проектирование и прототип» для вашего бизнеса?
Оставьте телефон — проведём бесплатный экспресс-аудит, рассчитаем стоимость и подскажем, какой канал быстрее даст заявки.