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

Что именно согласуют на прототипе

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

Если этот состав ещё плавает, визуал рано начинать. Сначала закрывают вопросы из брифа на сайт: кто приходит и какое действие считается успехом. Прототип проверяет, что эти ответы поместились в экраны, а не остались в переписке.

Чем прототип отличается от макета

  • Прототип отвечает, есть ли путь до заявки.
  • Макет отвечает, считывается ли этот путь: контраст, типографика, характер.
  • На прототипе серые блоки нормальны. Цвет на этом этапе отвлекает разговор в сторону вкуса.
  • Текст может быть черновым, но заголовки и подписи кнопок лучше писать настоящие. «Кнопка» ничего не проверяет, «Обсудить проект» проверяет.

Подробнее о том, где заканчивается сценарий и начинается оформление, — в заметке чем UI отличается от UX.

Какой детализации достаточно

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

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

Когда прототип можно пропустить

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

В нашей работе это шаг между погружением и дизайном: карта страниц, потом экраны. Если состав уже ясен, присылайте его вместе с задачей через контакты — прототип соберётся быстрее.