Получить расчёт
Блог · Разработка

Зачем нужен прототип сайта и что в нём проверять

Прототип — это схема страницы без дизайна: серые блоки, настоящие заголовки, порядок экранов. Выглядит непривлекательно, и именно поэтому работает: на нём обсуждают смысл, а не цвет кнопки.

Автор: Григорий Федотов, основатель студии · Обновлено: 08.09.2026

Почему без прототипа дороже

Стоимость правки растёт с каждым этапом. Переставить блоки в схеме — 20 минут. То же самое в отрисованном дизайне — переделка композиции, теней, отступов. В свёрстанном сайте — ещё и переписывание кода и повторная проверка на всех экранах.

ЭтапСтоимость правки «переставить блоки»
ПрототипМинимальная, десятки минут
ДизайнЧасы работы дизайнера, новый круг согласования
ВёрсткаЧасы разработчика + повторное тестирование
После запускаРабота по поддержке + риск просадки конверсии

Что должно быть в прототипе

  • Первый экран: заголовок с сутью предложения, подзаголовок, целевое действие.
  • Блоки в порядке принятия решения: что предлагаем → почему нам можно верить → как работаем → сколько стоит → как начать.
  • Реальные заголовки, а не «Заголовок H2».
  • Формы: какие поля, что обязательно, что происходит после отправки.
  • Мобильная версия ключевых экранов — хотя бы схематично.
  • Пометки: что берётся из админки, что статично, откуда приходят данные.

Что проверять заказчику

1. Есть ли ответ на вопрос клиента в первом экране. Не «мы динамично развиваемся», а что вы делаете и для кого.

2. Один целевой призыв на страницу. Если на экране три равнозначные кнопки — не нажмут ни одну.

3. Нет ли пропущенных возражений. Цена, сроки, гарантии, кто будет делать — всё, что клиент спрашивает по телефону, должно быть на странице.

4. Реалистична ли длина текстов. Если в блоке заложено 150 знаков, а у вас услуга объясняется абзацем, скажите это сейчас.

5. Проходит ли путь на телефоне. Сколько экранов пролистать до формы, виден ли телефон.

6. Каждая страница закрывает свой запрос. Структура должна отражать семантику — логика та же, что в статье «Как сделать сайт».

Как согласовывать, чтобы не затянуть

Соберите замечания в один документ и по одному кругу за раз: блок — что не так — что вместо. Замечания вида «как-то не цепляет» не обрабатываются; переводите их в конкретику: «не хватает цен» или «непонятно, за сколько сделаете».

Договоритесь заранее о количестве кругов правок и сроке ответа — это стандартный пункт договора, и он же спасает сроки проекта.

Утверждённый прототип = защита обеих сторон

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

Нужен прототип под вашу задачу с разбором структуры и целевых действий — напишите нам, покажем схему до того, как обсуждать дизайн.

Связанные решения

Читайте также

Вопросы и ответы

Частые вопросы

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

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

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

Для лендинга — 1–2 дня, для корпоративного сайта — 3–5 дней на ключевые шаблоны страниц. Это самый дешёвый этап проекта и самый выгодный для правок.

Узнайте стоимость и сроки вашего проекта

Оставьте контакт — пришлём расчёт и предложим решение под вашу задачу. Ни к чему не обязывает.

Без навязчивых звонков · Смета бесплатно · Оплата поэтапно по договору

или позвоните: +7 (495) 487-44-70

Контакты

Свяжитесь с нами

Телефон
Instagram
Режим работы
Работаем по всей России (онлайн)