Как создавать прототип сайта?

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

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

Что стоит проверить в прототипе, прежде чем согласовывать переход к дизайну:

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

Если структура на этом этапе вас устраивает - смело утверждайте прототип и переходите к дизайну. Вносить правки в прототип в разы дешевле и быстрее, чем переделывать уже готовый макет.