Зачем нужен прототип сайта: у нас это этап внутри разработки, а не строка сметы. Считаем правку в часах и рабочих днях и говорим, когда он не нужен.
Заказчик смотрит на план работ, видит неделю серых прямоугольников и просит эту строку убрать: хочется быстрее увидеть картинку, а не схему. Торг узнаваемый, и почти всегда он про то, чтобы сэкономить две недели.
Разбираем по порядку: что это за этап у нас, во что обходится одна правка структуры в часах и рублях, куда деваются те самые две недели и когда этап можно пропустить.
Зачем нужен прототип сайта: короткий ответ и почему у нас нет на него отдельной цены
Прототип нужен, чтобы структуру утвердили до отрисовки. Формулировка с нашей же страницы услуг: «Прототип - это скелет без визуала: что за чем идет и где стоят целевые действия. На нем дешево переставить блоки и проверить логику. Если сразу рисовать дизайн, любая правка структуры означает переделку макета».
Что такое прототип сайта в нашем составе работ: «Прототипирование» - вторая из пяти строк состава разработки на странице веб-дизайна. Отдельной цены у нее нет: прототипирование сайта входит в цену разработки - от 80 000 ₽ за одностраничный, от 150 000 ₽ за многостраничный. Этап занимает 4-5 рабочих дней.
Рынок продает прототип отдельной услугой, от трех тысяч до сотни. Сравнивать в лоб нельзя: разный предмет продажи, а не разная жадность.
| Что продают | Цена и срок | Что на выходе |
|---|---|---|
| MOON: этап прототипирования внутри разработки | Отдельной цены нет, входит в разработку: от 80 000 ₽ за одностраничный, от 150 000 ₽ за многостраничный; этап 4-5 рабочих дней на многостраничном | Серые экраны типовых страниц с настоящими заголовками |
| MOON: UX-прототип продукта, услуга на UX/UI | от 120 000 ₽, 2-3 недели | Кликабельная схема со сценариями: про приложение и кабинет |
| Рынок: прототип сайта отдельной услугой | 3 000-100 000 ₽; 3-7 дней у пакетных предложений, от 5 дней у прототипа с техзаданием; срез цен 02.09.2026 | От схемы страниц до пакета с техзаданием |
Вайрфрейм: что это такое и чем он отличается от макета и прототипа
Три слова в сметах стоят как синонимы, а означают разное. Вайрфрейм (каркас) - статичная схема раскладки: блоки, иерархия, функциональность, без цвета, шрифтов и фотографий. Макет (мокап) - тоже статичная картинка, но с полным визуалом: отличается степенью проработки, а не интерактивностью. Прототип - интерактивная версия, по которой кликают и проходят сценарий.
Проработанность растет по трем осям - визуал, контент, интерактивность, - и расти вместе они не обязаны (NN/g, Kara Pernice, 18.12.2016). Там же ответ, зачем нужна низкая детализация: набросок собирается за 5-10 минут против дней на отполированный.
| Термин | Что это | Интерактив | Что на нем решают | Что спросить у подрядчика |
|---|---|---|---|---|
| Карта страниц | Список страниц и вложенность | Нет | Что куда ведет | Это карта или уже раскладка блоков? |
| Вайрфрейм (каркас) | Раскладка без цвета и шрифтов | Нет | Порядок блоков и место целевого действия | Заголовки настоящие или заглушки? |
| Макет (мокап) | Картинка с полным визуалом | Нет | Как это выглядит | Есть ли мобильная версия? |
| Кликабельный прототип | Связанные экраны с переходами | Да | Проходит ли человек путь до заявки | Что кликабельно, а что нарисовано? |
Слово в смете не значит ничего, пока подрядчик не сказал, что вы получите на руки: картинку или проходимый сценарий.
Во что обходится одна структурная правка
Возьмем типовую правку: поменять местами два блока и добавить третий. По нашей оценке на прототипе это 0,5-2 часа, на отрисованных макетах - 8-16 часов, на верстке - 16-40. Выбор «прототип или сразу дизайн» - это выбор строки, в которой вы окажетесь, когда передумаете.
| Когда пришла правка | Часы студии | Дни заказчика | По счетной ставке 2 500 ₽/ч | Что по договору |
|---|---|---|---|---|
| На прототипе | 0,5-2 ч | Согласование 3-5 дней уже заложено | 1 250-5 000 ₽ | Внутри двух кругов правок, п. 5.4 |
| На отрисованных макетах | 8-16 ч | Новый круг согласований | 20 000-40 000 ₽ | Новая задача, п. 4.7 |
| На верстке | 16-40 ч | Повторная приемка | 40 000-100 000 ₽ | Плюс сдвиг срока, п. 5.3 |
| После запуска | Сверху к часам верстки | Простой рекламы | Отдельный счет | Контент, счетчики, риск для позиций |
Часы - наша внутренняя оценка на многостраничном сайте за 5-8 недель, а не выгрузка из трекера. Ставка 2 500 ₽/ч - наша счетная, одна во всех разборах. При 2 500-3 500 ₽/ч (мидл, Kokoc, 18.08.2026) строка макетов доходит до 56 000 ₽, при 3 000-6 000 ₽/ч (Purrweb, 09.07.2026) - до 96 000 ₽. Пересчитайте под ставку своего подрядчика.
Последняя колонка - то, чего мы не нашли ни в одном тексте в топе выдачи по этому запросу на сентябрь 2026. Наша оферта, п. 5.4: правки, «следующие за принятым этапом», оплачиваются отдельно; п. 4.7: изменение объема после согласования Задания оформляется дополнительным Заданием. Точка заморозки структуры есть всегда. Пропустив прототип, вы ее не отменяете, а переносите на макеты, где она дороже. Почему на серых экранах спорят про порядок блоков, а не про кнопку, разобрано в статье про этапы разработки сайта.
«Прототип или сразу дизайн»: куда деваются сэкономленные две недели
Когда выбирают, прототип или сразу дизайн, считают только календарь студии. Этап у нас - 4-5 рабочих дней, согласование структуры внутри компании заказчика - еще 3-5. Итого 7-10 рабочих дней, и это ровно те «две недели», которые предлагают вычеркнуть.
Вторая половина срока - не наша. По нашему календарю разработки у заказчика набегает 11-18 рабочих дней из 33-47: согласования, материалы, ответы. Вычеркивая прототип, вы убираете из плана не наши рабочие дни, а дешевую точку, где решение о структуре еще можно поменять. Дни согласования не исчезают - они переезжают на макеты, где «переставить блоки» стоит уже 8-16 часов.
- Вычеркнули прототип, 4-5 рабочих дней, - те же решения принимаете на отрисованных экранах.
- Вычеркнули согласование структуры, 3-5 дней, - тот же круг, но после отрисовки.
- Было ноль часов на переделку - стало 8-16 часов по нашей оценке.
- Был срок по плану - стал сдвиг по п. 5.3 оферты.
Оговорка про масштаб: речь о многостраничном сайте за 5-8 недель. На короткой посадочной счет другой, и там мы сами на этапе не настаиваем.
Почему «правки на прототипе в десять раз дешевле» - не закон
Кратность «в 10, 50, 100 раз» повторяют все и без ссылки. Автор у нее есть: Барри Боэм и Виктор Басили, «Software Defect Reduction Top 10 List», IEEE Computer, январь 2001. Исправить проблему после поставки часто в 100 раз дороже, чем на этапе требований. Там же оговорка, которую не цитируют: на малых некритичных проектах соотношение ближе к 5:1.
И есть проверка на данных: Мензис, Николс, Шулл и Лейман (arXiv:1609.04886) разобрали 171 проект 2006-2014 годов и свидетельств «эффекта отложенных проблем» не нашли. Кент Бек оспаривал экспоненциальную кривую еще в 1999-м. Обе работы - про разработку программ, а не про макеты.
Поэтому мы не прячемся за чужой закон, а считаем по своим часам. Почему у макета кривая все-таки растет - наша позиция, а не вывод исследования: дело в связности артефактов. Макет держит сетку, типографику, мобильную версию и передачу в верстку, поэтому перестановка блоков задевает все разом. На каркасе задевать нечего.
Как это выглядит на наших проектах: наброском можно продать проект
«Сколько?Можно» - сибирский бренд одежды, недовольный только что купленным интернет-магазином. Бюджет проекта - до 500 000 ₽, срок около полугода. Запроса к нам не было: мы пришли сами и не с презентацией, а с готовым наброском главного экрана, сделанным до всякой оплаты. На странице кейса это записано дословно: «Пришли, показали, объяснили, что будет работать иначе и почему. Возражений не было».
Проверка, которую мы применили к себе и предлагаем применять к нам: подрядчик, готовый показать структуру до всякой оплаты, разобрался в задаче; подрядчик, у которого есть только красивая картинка, разобрался в референсах.
Структура там же дала проверяемый прогноз. Перед стартом мы сделали CJM-анализ, посмотрели тепловые карты и точки входа на текущем трафике - появилась база для сравнения после запуска, которой обычно не бывает. Конверсия выросла незначительно, в районе процента, - ровно настолько, насколько прогнозировали; заявки при этом остались примерно на том же уровне. Прототип не обещает роста, он делает прогноз проверяемым.
И еще одно: структура иногда запрещает креатив, и это экономит деньги. Разбор рынка показал, что архитектура интернет-магазина стандартизирована: играть можно визуалом, но не механикой корзины. Клиент хотел сверхкреативный магазин; сошлись на компромиссе - стандартная механика покупки плюс точечный плеер. Такой спор дешевле выиграть на серых экранах, чем после отрисовки всех экранов магазина.
ReNairo - ответ на «у нас горят сроки». Клиент хотел запускаться сразу всем фронтом: сайт, реклама, соцсети. Мы сказали, что «быстрее» в моменте не поможет, и заложили полтора месяца проработки - и уложились в них там, где клиент рассчитывал на полгода. Мы объясняем это так: скорость берется не из вычеркнутых этапов, а из того, что ни один не приходится переделывать.
Оттуда же правило, которое на каркасе считается арифметически: на сайт ReNairo ставили реальные скриншоты и дашборды, а не абстрактный визуал. Три строки заглушки против пятнадцати строк живого текста - это поехавшая раскладка и переделка там, где она уже стоит денег.
Что сделать самому: как принять прототип за один заход
Прототипирование сайта заканчивается приемкой, и это тот этап, который заказчик проверяет сам, без дизайнера рядом. Наш критерий закрытия: вы прошли путь до заявки на своем телефоне и нигде не застряли.
- Проверьте, что стоят настоящие заголовки и настоящий объем текста, а не Lorem ipsum: заглушка вместо живого абзаца ломает раскладку на макетах.
- Потребуйте мобильную раскладку отдельным экраном: порядок блоков на узком экране другой.
- Пройдите путь до заявки на своем телефоне и отметьте места, где пришлось остановиться и подумать, куда нажимать.
- Проверьте, что у каждого блока есть вопрос читателя, на который он отвечает; метод разобран в статье про структуру лендинга.
- Соберите замечания всех участников в один список от одного согласующего, иначе круг правок уйдет на споры внутри компании.
Пять вопросов, которые дешевле задать до сметы:
- Что на выходе: карта страниц, каркас или кликабельный прототип?
- Этап входит в цену разработки или это отдельная строка сметы?
- Сколько кругов правок заложено на этапе структуры?
- Что будет с правкой структуры после утверждения прототипа?
- В каком виде отдадут файл и открою ли я его без регистрации?
Кликабельный прототип - единственный момент, когда сценарий проверяют на живых людях до первой строки кода, и порог входа ниже, чем принято думать: пять участников качественного юзабилити-теста находят около 85% проблем (NN/g, на данных Nielsen и Landauer, 1993). Оговорка обязательна: это про качественный тест с наблюдением, для количественных замеров нужны десятки человек.
Когда прототип можно не делать
Тексты в топе выдачи по этому запросу на сентябрь 2026 написаны из позиции «прототип нужен всегда». Мы сами настаиваем не в каждом проекте.
- Короткая посадочная под конкретное объявление, где структура обкатана на прошлых запусках.
- Добавление раздела в работающую структуру, если логика навигации не меняется.
- Повторяющийся шаблон внутри семейства однотипных страниц: структура утверждена на первой.
Признак того, что решение было ошибкой, проверяемый: если на согласовании макетов правок о порядке блоков набирается больше, чем правок об оформлении, этап не пропустили, а отложили и оплатили дороже.
И разведем три срока, чтобы наши же цифры не путали. 4-5 рабочих дней - этап прототипирования на сайте. Неделя 2 из 6, то есть 15-20% срока, - его доля в проекте. 2-3 недели и от 120 000 ₽ - отдельная услуга UX-прототипа для продукта. Три разных предмета, а не три ответа на один вопрос.
Так что вопрос не в том, зачем нужен прототип сайта вообще. Момент, когда структуру замораживают, будет в любом проекте - он записан в договоре. Вопрос в том, стоит этот момент полтора часа или полторы недели.