Как сделать макет сайта?

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

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

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

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