UX/UI Дизайн для бизнеса и приложений

Часто задаваемые вопросы

• Сколько стоит UX/UI дизайн и от чего зависит цена?

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

• Чем UX отличается от UI и нужно ли заказывать и то и другое?

  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 ₽ и неочевидных сценариях.

• Как передаёте дизайн в разработку?

  Через Figma Dev Mode + сопроводительную документацию. В Figma настраиваем: токены через Variables (цвета, отступы, типографика — сразу подтягиваются как CSS-переменные или Tailwind config), Auto Layout на всех компонентах (разработчик видит правила адаптива), названия слоёв в kebab-case = классы в коде. Прописываем поведение интерактивных элементов: состояния (default/hover/active/disabled/loading), анимации (длительность, easing), валидация форм, edge-cases (длинный текст, пустые состояния). Передаём ассеты: SVG-иконки, изображения в нужных размерах (@1x/@2x/@3x для retina). Сопровождаем разработку через тариф «Поддержка дизайна»: отвечаем на вопросы в Telegram, контролируем pixel-perfect на стейджинге, правим расхождения.

• Сколько правок и итераций включено в работу?

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

• Делаете ли брендинг и логотип или работаете только с готовым стилем?

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