Разработка дизайна сайтов и интерфейсов (UX/UI)

UX-аудит существующего сайта или интерфейса — от 30 000 ₽ за 5–7 дней: анализ сценариев, список проблем с приоритетами, рекомендации, отчёт в Notion или Figma. Дизайн сайта или приложения — от 80 000 ₽ за 2–3 недели: UX-исследование, прототипы в Figma, готовые экраны, базовая дизайн-система (компоненты, токены, типографика). Поддержка дизайна на этапе разработки — от 20 000 ₽ в месяц. На цену влияют: количество уникальных экранов (от 10 до 80+), глубина UX-исследования (только desk research или интервью с пользователями), сложность дизайн-системы (10 компонентов или полноценная библиотека на 80+), необходимость иллюстраций и motion-дизайна. Точная смета — после 30 минут на бриф и доступа к существующему продукту или ТЗ.

Новый дизайн начинается с исследования аудитории и сценариев с нуля. Редизайн начинается с UX-аудита текущего сайта: что мешает пользователям, где они уходят, какие разделы работают. Мы сохраняем то, что работает, и узнаваемость бренда, а переделываем структуру, сценарии и визуал. Если сайт после редизайна собираем мы, сохраняем адреса важных страниц или настраиваем 301-редиректы, чтобы не потерять позиции в поиске.

Да. Дизайн можно заказать отдельно и передать макеты своей команде или другому подрядчику. Передаём через Figma Dev Mode: токены через Variables (цвета, отступы, типографика), Auto Layout на всех компонентах, описанные состояния элементов (default/hover/active/disabled/loading), валидация форм и пустые состояния, ассеты в нужных размерах. На время разработки можно подключить тариф «Поддержка дизайна»: отвечаем на вопросы разработчиков и проверяем соответствие макетам на стейджинге. Если нужна и разработка — делаем её сами.

UX (user experience) — это логика и сценарии: какие задачи решает пользователь, по каким экранам ходит, какие данные вводит, где может ошибиться. Результат UX — wireframe (чёрно-белые каркасы) и user flow в Figma. UI (user interface) — это визуальный слой поверх UX: цвета, типографика, отступы, иллюстрации, состояния кнопок. Заказывать раздельно имеет смысл только если у вас уже есть либо готовая UX-структура (от другого дизайнера или из MVP-версии), либо готовый брендбук, в который нужно «упаковать» новые сценарии. По умолчанию делаем UX + UI последовательно — это даёт согласованный результат. Перепрыгивать UX и сразу делать UI = большие переделки на этапе разработки.

Дизайн-система — это библиотека компонентов в Figma с готовыми вариантами: кнопки (4–6 видов × 3 размера × 4 состояния), поля ввода, чекбоксы, табы, модалки, табличные строки, навигация, иконки 24×24/16×16. Плюс токены: цвета (light/dark theme), типографика (8–12 стилей), отступы (4/8/16/24/32 px), радиусы, тени. Без системы каждый новый экран = переизобретение колеса, разработчики собирают компоненты «на глаз» = inconsistency в продукте. С системой: новый экран собирается из готовых блоков за час, обновление цвета бренда — за 5 минут вместо недели правок, разработчики получают единые SCSS-токены или Vue-компоненты. Для крупных продуктов (50+ экранов) дизайн-система окупается за 2–3 месяца.

Да, если это в скоупе. Для b2b — 5–8 модерируемых интервью по 45 минут через Zoom/Meet: показываем кликабельный прототип в Figma, даём задание («оформить заказ», «найти отчёт за квартал»), смотрим где пользователь застревает, что говорит вслух. Записи + транскрипт с тайм-кодами проблем. Для b2c — асинхронное тестирование через Maze: 20–50 респондентов проходят сценарий, метрики success rate / time on task / heatmap. Юзабилити-тестирование стоит +30 000–60 000 ₽ к смете дизайна. Альтернатива — A/B-тест после релиза, но это дороже (нужен трафик и инфраструктура аналитики). Рекомендуем тестирование при бюджете от 200 000 ₽ и неочевидных сценариях.

Делим работу на 3 этапа, на каждом — 2 круга правок. Этап 1 «Концепт» (1 экран в 2–3 направлениях): 2 круга правок по визуальному стилю, потом фиксируем направление. Этап 2 «Основные экраны» (10–20 экранов): 2 круга правок по структуре и логике. Этап 3 «Дополнительные экраны и состояния»: 2 круга правок. Мелкие правки (текст, цвет одного элемента, замена иконки) идут без счёта. Существенные пересмотры после фиксации направления — пересмотр сметы и сроков, заранее обсуждаем. Все правки собираем в комментарии прямо в Figma — там же отмечаем «принято»/«в работе»/«обсудить», не плодим переписку в Telegram.

Работаем с готовым брендбуком — это наш базовый сценарий: вы даёте логотип, фирменные цвета, шрифты, иллюстративный стиль, мы упаковываем продукт в эту визуальную систему. Если у вас фрагментарный стиль (только логотип и пара цветов) — дособираем недостающие токены и зашиваем в дизайн-систему. Полноценный брендинг (логотип, нейминг, гайдлайны, носители) не делаем сами — у нас фокус на интерфейсах. Рекомендуем партнёрское брендинговое агентство или фрилансера на эту часть, после неё возвращаемся к UX/UI. Если бренд частично устарел или не подходит для продукта (например, b2c-логотип, который не работает в админке) — даём рекомендации по точечному обновлению.