в Figma
UI/UX-дизайн
Проектируем пользовательские сценарии, структуру интерфейса и визуальную систему сайта до этапа программирования.
в Figma
состояния
и визуальная концепция
1С-Битрикс
поддержке
клиентов
сотрудничества
Об услуге
UI/UX-дизайн — это отдельный этап до программирования. Мы определяем, как пользователь будет решать задачи на сайте, строим логику ключевых экранов и превращаем её в согласованную визуальную систему.
Сначала прорабатываем сценарии и прототипы, затем визуальную концепцию, ключевые шаблоны и адаптивные состояния. В результате команда разработки получает понятный комплект макетов, а не набор разрозненных экранов.
Работающий сайт в этот этап не входит: вёрстка и интеграция выполняются отдельно.
Что делаем
Анализ задачи и ключевых экрановОпределяем назначение интерфейса, пользователей и основные сценарии.
Прототипы пользовательских сценариевПроверяем структуру и логику до детальной визуальной проработки.
Визуальная концепцияОпределяем общий характер интерфейса, типографику и визуальные принципы.
Дизайн ключевых шаблонов страницПрорабатываем основные типы страниц и состояния интерфейса.
Desktop + mobile состоянияПоказываем, как ключевые шаблоны работают на разных размерах экрана.
UI-компоненты и правилаФиксируем повторяемые элементы и правила для последующей вёрстки.
Передача макетов в FigmaСобираем утверждённый комплект для следующего этапа разработки.
Что получите
Комплект макетов, готовый к вёрстке
Утверждённый комплект макетов, готовый к вёрстке.
- Прототипы ключевых пользовательских сценариев
- Утверждённая визуальная концепция
- Дизайн ключевых шаблонов страниц
- Desktop и mobile состояния
- UI-компоненты и правила интерфейса
- Макеты в Figma для передачи в разработку
Как проходит работа
Погружение
Разбираем задачу, аудиторию и ключевые сценарии
Прототипирование
Собираем структуру и логику основных экранов
Визуальная концепция
Определяем направление дизайна и систему интерфейса
Дизайн шаблонов
Прорабатываем ключевые desktop и mobile состояния
Согласование и передача
Фиксируем решения и передаём утверждённые макеты в Figma
Стоимость и границы
Не входит в этот этап
- HTML/CSS/JS-вёрстка
- Интеграция с 1С-Битрикс
- Программирование бизнес-логики
От чего зависит стоимость
- Количество уникальных шаблонов
- Сложность пользовательских сценариев
- Полный интернет-магазин или B2B-кабинет
- Сложные интерактивные состояния
Дизайн — отдельный этап до программирования
Результат UI/UX-этапа — не работающий сайт, а согласованные макеты и логика интерфейса. После этого вёрстка и интеграция начинаются с зафиксированных решений, а не с попытки одновременно проектировать интерфейс уже в коде.
Ответы на частые вопросы
О сроках, стоимости, составе работ и дальнейших шагах.
Что входит в UI/UX-дизайн сайта?
Проверка структуры и сценариев, прототипирование сложных экранов при необходимости, визуальная концепция, дизайн согласованного набора шаблонов и mobile-состояний и подготовка макетов к вёрстке.
Входит ли в 70 000 ₽ дизайн всего сайта?
Стартовая цена относится к ограниченному базовому набору шаблонов. Точный объём зависит от количества уникальных экранов, состояний и сложности интерфейса и фиксируется до начала этапа.
Можно начать дизайн без проектирования?
Для простого проекта — иногда да. Если есть сложные роли, каталог, личный кабинет или нестандартные сценарии, сначала лучше зафиксировать структуру и логику, иначе дизайнер будет решать архитектурные вопросы уже внутри макетов.
Входит ли адаптивная вёрстка в стоимость дизайна?
Нет. UI/UX заканчивается согласованными макетами. HTML/CSS/JS-вёрстка и дальнейшая интеграция в CMS — отдельные этапы.
Вы можете работать по уже существующему фирменному стилю?
Да. Используем существующий брендбук и визуальные материалы как ограничения проекта. Если полноценной дизайн-системы нет, формируем необходимые интерфейсные правила в рамках работы.
Можно проектировать UI/UX сразу с учётом 1С-Битрикс?
Да. Если платформа уже выбрана, учитываем ограничения и возможности будущей реализации ещё на этапе интерфейса: структуру управляемых данных, повторяемые типы страниц, каталог и пользовательские состояния. При этом сама интеграция макетов в 1С-Битрикс остаётся отдельным этапом.