Что такое прототип сайта?

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

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

Прототипы делают в специальных программах вроде Figma - там же, где потом рисуется финальный дизайн, только на отдельном, более простом слое. Прототип бывает статичным (просто схема блоков) или кликабельным - с настроенными переходами между экранами, чтобы посмотреть, как пользователь будет перемещаться по сайту ещё до того, как написана хоть одна строка кода.

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