Бриф и сбор требований
Разработка сайта начинается не с макетов, а с вопросов: какие задачи должен решать сайт для бизнеса (продажи, заявки, информирование), кто целевая аудитория, есть ли уже готовый контент или бренд-стиль, какие есть технические ограничения — например, на какой платформе будет вёрстка.
Структура и пользовательские сценарии
До того как появится первый визуальный макет, нужно определить архитектуру сайта: какие страницы нужны, как они связаны, какой путь проходит пользователь от захода на сайт до целевого действия — заявки, покупки, регистрации. Ошибки на этом этапе дороже всего исправлять позже, когда уже сверстаны экраны.
Прототип — проверка логики без визуального шума
Каркасный прототип (вайрфрейм) показывает расположение блоков и последовательность экранов без цвета и шрифтов — это позволяет обсуждать логику интерфейса, не отвлекаясь на «нравится ли цвет». На этом этапе легко и дёшево поменять структуру — переделать прототип в разы быстрее, чем готовый макет.
Визуальные макеты
Только после утверждённого прототипа начинается собственно UI: цвет, типографика, иконография, состояния кнопок и полей, адаптация под мобильные экраны. Здесь же прорабатываются детали, которые определяют ощущение качества — отступы, микроанимации, состояния при наведении.
Передача в разработку
Финальные макеты передаются с описанием состояний интерфейса (что происходит при наведении, ошибке ввода, загрузке) и, как правило, ссылкой на файл в Figma, где разработчик может сам посмотреть точные размеры, отступы и цвета — без необходимости присылать их отдельным списком.
Сколько это занимает
Для среднего лендинга или сайта-визитки процесс от брифа до готовых макетов обычно занимает от трёх до шести недель в зависимости от количества страниц и раундов согласования. Для более крупных продуктов с личным кабинетом или сложной логикой сроки считаются индивидуально после проработки структуры.