Стоимость дизайна приложения: как рассчитать бюджет
Стоимость дизайна приложения — это не одна цифра из прайс-листа, а смета, которая складывается из числа экранов, уникальности сценариев и глубины исследования аудитории. Разбираем, из чего состоит бюджет на дизайн, от чего он зависит, что входит в цену, как посчитать смету под свою задачу и на чём можно сэкономить без потери качества.
Стоимость дизайна приложения: вилки цен и сроков
Единой цены на дизайн приложения нет — она зависит от того, каким способом вы получаете дизайн. Одно дело — оформить типовой интернет-магазин, где основные экраны уже спроектированы, другое — нарисовать с нуля продукт с уникальной логикой. Ниже — ориентиры по бюджету и срокам под разные модели запуска. Суммы указаны с НДС.
| Как получаете дизайн | Ориентир по бюджету | Срок |
|---|---|---|
| Дизайн типового магазина на готовой платформе | Входит в интеграцию под бренд — от 525 000 ₽ за весь запуск (тариф ПРО) | До 30 рабочих дней на весь продукт |
| Дизайн уникальных экранов сверх базовых модулей | Оплата за фактические часы, смета до старта задачи | От нескольких рабочих дней на сценарий |
| Проектирование интерфейса как часть ТЗ | Фиксированная цена по объёму экранов | По объёму задачи |
| Проверка готового дизайна (аудит UX/UI) | Фиксированная цена | Короткий срок, зависит от размера продукта |
| Полный дизайн проекта с нуля (кастомная разработка) | Часть бюджета кастомной разработки от 5 000 000 ₽ | 6–12 месяцев на весь проект |
Как видно, «стоимость дизайна» — это не строчка прайса «за один экран», а часть выбранной модели разработки. По нашему опыту, собственнику важнее понимать не абстрактную ставку дизайнера, а во что обойдётся дизайн его конкретного продукта: сколько в нём типовых экранов, сколько уникальных, на какие платформы он выходит. Именно эти параметры и двигают смету — разберём их дальше по разделам.
Важный момент про модель платформы, чтобы цифры выше читались правильно. На модульной платформе FITTIN базовые экраны — каталог, карточка товара, корзина, оплата, личный кабинет, программа лояльности — собираются из готовых модулей: их дизайн уже отработан на реальных проектах и отдельно не рисуется. Дизайн-работа идёт там, где у продукта есть уникальные сценарии. Мы честно называем это сборкой из готовых блоков с кастомными доработками, а не разработкой каждого экрана с нуля, — и это напрямую влияет на бюджет дизайна.
Из чего складывается стоимость дизайна
Чтобы понимать, за что вы платите, полезно разложить дизайн приложения на этапы. Это работа не только «нарисовать красиво»: большая часть бюджета уходит на проектирование логики и на подготовку макетов к передаче в разработку. Вот из чего состоит цикл.
| Этап дизайна | Что делают | Что получаете |
|---|---|---|
| Исследование | Изучают аудиторию, конкурентов, бизнес-задачи, сценарии покупки | Понимание, для кого и какие экраны нужны |
| UX-проектирование | Собирают вайрфреймы — черновые схемы экранов и переходов | Логика интерфейса до отрисовки |
| UI-макеты | Одевают структуру в бренд: цвета, шрифты, иллюстрации | Готовые экраны в фирменном стиле |
| Прототип | Связывают экраны переходами в кликабельную модель | Проверка сценария до написания кода |
| Дизайн-система | Собирают библиотеку компонентов и правил | Актив для быстрого добавления новых экранов |
| Передача в разработку | Готовят макеты, состояния, отступы, ассеты для верстки | Комплект, по которому пишут код без догадок |
Чем больше в продукте уникальных сценариев, тем весомее в смете этапы исследования и UX-проектирования — именно они защищают от переделок после релиза. О том, зачем нужны вайрфреймы и сколько они экономят, мы подробно писали в статье про вайрфреймы как этап проекта, а полный цикл проектирования разобран в материале про разработку дизайна мобильного приложения.
Отдельно подчеркну: на платформе эти этапы не выставляются клиенту отдельными строчками-процентами от тарифа. Интеграция под бренд — это фиксированный пакет за результат (приложение в сторах), а не сумма независимо оплачиваемых работ. Поэтому «купить только дизайн за долю от суммы» на платформе нельзя — но можно заказать проектирование отдельной услугой, об этом ниже.
От чего зависит цена дизайна
Смета на дизайн двигается в пределах вилки под влиянием нескольких факторов. Понимая их, вы можете заранее прикинуть, где ваш проект окажется — ближе к нижней границе или к верхней.
| Фактор | Дешевле | Дороже |
|---|---|---|
| Число экранов | 10–15 базовых экранов | 40+ экранов с состояниями и вариантами |
| Типовые или уникальные сценарии | Стандартный магазин из готовых модулей | Конструкторы, B2B-логика, сложная навигация |
| Платформы | Одна кодовая база для iOS, Android и веба | Отдельная отрисовка под каждую платформу |
| Анимации и микровзаимодействия | Стандартные переходы | Кастомные анимации, сложные жесты |
| Дизайн-система | Готовая библиотека компонентов | Сборка системы с нуля под бренд |
| Глубина исследования | Опора на проверенные паттерны | UX-исследование с интервью и тестами |
| Редизайн или с нуля | Редизайн — есть база и данные о поведении | Дизайн с нуля — всё проектируется впервые |
Отдельный драйвер экономии — единая кодовая база. Когда приложение и сайт интернет-магазина собираются на одном фреймворке Flutter, спроектированный один раз экран работает одинаково на всех целевых платформах — iOS, Android, RuStore и в вебе. Не нужно рисовать и согласовывать один и тот же сценарий отдельно под каждый канал — это заметно снижает объём дизайн-работы. Подробнее модель разобрана на странице комплексной разработки приложения и сайта.
Что входит в стоимость дизайна
Когда подрядчик называет цену за дизайн, полезно свериться, что за ней стоит. В аккуратной смете дизайн — это не только «картинки экранов», а полный комплект для передачи в разработку. Обычно в него входит:
- исследование аудитории, конкурентов и бизнес-сценариев;
- UX-проектирование — вайрфреймы экранов и карта переходов;
- UI-макеты всех экранов в фирменном стиле, включая состояния (пустой экран, загрузка, ошибка);
- адаптивы под разные размеры экранов и платформы;
- кликабельный прототип для проверки сценариев;
- дизайн-система — библиотека компонентов, цветов, шрифтов и правил;
- подготовка макетов и ассетов к передаче разработчикам;
- правки в согласованных итерациях.
Если какой-то из этих пунктов в смете отсутствует, это не всегда минус — возможно, он вам не нужен. Но лучше уточнить заранее, чтобы потом он не всплыл отдельным счётом. Проверить логику и полноту готового дизайна помогает аудит UX/UI.
Что не входит в стоимость дизайна
Есть работы, которые часто путают с дизайном интерфейса, но которые в базовую смету обычно не входят и оплачиваются отдельно. Их стоит держать в голове при планировании бюджета:
- Иллюстрации, 3D и фотосъёмка на заказ — уникальная графика и предметная съёмка товара считаются отдельно;
- Тексты и копирайтинг — дизайнер расставляет тексты, но не пишет их за маркетолога;
- Дизайн новых фич после согласования состава работ — то, что не заявлено в начале, идёт как доработка;
- Логотип и айдентика бренда — если бренда ещё нет, брендинг — это отдельный проект;
- Правки после утверждения макетов — переделки за пределами согласованных итераций;
- Разработка и вёрстка — превращение макетов в работающий продукт — это уже задача команды разработки.
Граница «входит / не входит» всегда фиксируется до старта — в этом смысл прозрачной сметы. Если она размыта, это первый повод задать вопросы подрядчику. Про типичные промахи на старте проекта мы писали в материале про ошибки заказчика при разработке приложения.
Дизайн на готовой платформе или с нуля
Главная развилка по бюджету — делать дизайн на готовой платформе или проектировать всё с нуля. Это не «что лучше», а два разных сценария под разные задачи. Сравним по параметрам, важным для сметы.
| Параметр | Готовая платформа | Дизайн с нуля (кастом) |
|---|---|---|
| Базовые экраны | Из готовых модулей, отдельно не рисуются | Проектируются все, экран за экраном |
| Уникальные сценарии | Дизайн по оплате за фактические часы | Входят в общий бюджет проекта |
| Стартовый бюджет | Интеграция от 525 000 ₽ на весь запуск | От 5 000 000 ₽ на проект целиком |
| Срок до результата | До 30 рабочих дней | 6–12 месяцев |
| Глубина кастомизации | Высокая для уникальных экранов, база — типовая | Полная свобода на каждом экране |
| Поддержка после релиза | Включена в ежемесячную лицензию (мониторинг, обновления модулей и безопасности). Своя команда не нужна | Отдельный договор с собственной или подрядной командой |
Кастомная разработка с нуля объективно сильнее там, где нужна полная свобода на каждом экране, — например, у экспериментального продукта без готовых аналогов. Бюджет от 5 000 000 ₽ здесь покрывает весь проект — аналитику, дизайн всех экранов, разработку и тестирование, — плюс отдельную команду поддержки после релиза. Готовая платформа выигрывает по бюджету и сроку для типового e-commerce, где 70–80% экранов повторяют проверенные паттерны. Как устроена оплата на платформе: модель состоит из трёх частей — единоразовая интеграция под бренд (до 30 рабочих дней, от 525 000 ₽ по тарифу ПРО), ежемесячные лицензионные платежи с уже включённой техподдержкой команды и доработки нового функционала по оплате за фактические часы. Полная сетка тарифов по трём направлениям — на странице «Тарифы», а для e-commerce детали — на странице мобильных приложений для интернет-магазинов.
Как рассчитать бюджет на дизайн: пошагово
Чтобы прикинуть бюджет на дизайн до разговора с подрядчиком, пройдите по простому алгоритму. Он не заменит точную смету, но даст порядок цифр и понимание, из чего она сложится.
- Составьте список экранов. Выпишите все экраны продукта: каталог, карточка, корзина, оплата, профиль, избранное, поиск и так далее. Это база для оценки объёма.
- Разделите экраны на типовые и уникальные. Типовые можно взять из готовых модулей и не проектировать заново. Уникальные — то, за что вы и платите дизайнеру.
- Определите платформы. Если приложение и сайт на одной кодовой базе — экономите на отдельной отрисовке под каждый канал.
- Заложите дизайн-систему. Один раз собранная библиотека компонентов ускоряет и удешевляет все следующие экраны.
- Оцените глубину исследования. Для нового, непривычного сценария заложите UX-исследование; для типового магазина хватит проверенных паттернов.
- Добавьте резерв 15–20%. На правки и уточнения по ходу согласования — это нормальная часть любого проекта.
Пример на пальцах: если из 30 экранов 22 — типовые (каталог, корзина, оплата, лояльность) и берутся из модулей, то платный дизайн приходится на 8 уникальных экранов, а не на все 30. Именно поэтому «дизайн приложения» на готовой платформе стоит принципиально меньше, чем полный дизайн с нуля. Такой же логикой мы пользуемся, когда считаем бюджет стартап-проекта целиком, и когда раскладываем на части этапы разработки приложения.
Как сэкономить на дизайне без потери качества
Экономия на дизайне — это не «сделать дешевле и хуже», а убрать из сметы то, что не создаёт ценности для вашего продукта. Несколько рабочих способов.
Брать типовые экраны из готовых модулей
Каталог, корзина, оплата, личный кабинет уже спроектированы и проверены на десятках проектов. Рисовать их заново — потерянные дни и деньги. Дизайн-бюджет тратится только на уникальные экраны.
Собрать дизайн-систему один раз
Библиотека компонентов окупается на втором десятке экранов: новые собираются из готовых блоков, а не рисуются с чистого листа. Это ускоряет и следующие обновления продукта.
Проектировать приложение и сайт на одной базе
Единая кодовая база означает единый дизайн сценариев для всех платформ. Кейс Finn Flare — перезапуск на Flutter с бюджетом в 2,5 раза меньше и скоростью в 1,5 раза выше, релиз занял менее 30 рабочих дней.
Приоритизировать экраны для первой версии
Для MVP достаточно спроектировать то, что проверяет бизнес-гипотезу, а остальное отложить. Прицельный набор экранов вместо «нарисуем всё сразу» экономит и бюджет, и срок до запуска.
Подключить дизайнера точечно под пик задач
Если у вас своя команда, но не хватает рук на дизайн-спринт, можно взять специалиста в формате аутстаффинга UX/UI-дизайнеров — платите за фактическое время, без найма в штат.
Проверить готовый продукт вместо полного редизайна
Если приложение уже есть и «что-то не так с конверсией», не обязательно перерисовывать всё. Часто выгоднее начать с аудита UX/UI, а точечные правки оформить как редизайн приложения и сайта.
Как проверить, что смету за дизайн не завысили
Дизайн — одна из самых непрозрачных строк в смете: цифру легко назвать, но сложно проверить. По нашему опыту, разобраться помогают несколько вопросов подрядчику.
| Что проверить | Хороший ответ подрядчика |
|---|---|
| Сколько экранов входит в смету | Есть список экранов с разделением на типовые и уникальные |
| Что именно вы получите на выходе | Макеты, состояния, прототип, дизайн-система, ассеты для разработки |
| Сколько итераций правок включено | Число согласованных итераций названо заранее |
| Кто делает работу | Понятны роли: аналитик, UX- и UI-дизайнер |
| Остаётся ли у вас дизайн-система | Да — это ваш актив для будущих экранов |
| Как передаются макеты в разработку | В виде, по которому код пишут без догадок и переспросов |
Если на большинство вопросов ответы размытые («потом разберёмся», «зависит»), это повод насторожиться — не обязательно из-за завышения, но точно из-за нечёткого состава работ, который позже вырастет в доплаты. Прозрачная смета с составом работ и числом экранов — главный признак того, что вам считают по делу.
Дизайн отдельной услугой или в составе разработки
Дизайн можно заказать двумя способами, и от этого зависит модель оплаты. Оба варианта рабочие — вопрос в том, насколько чётко определён объём работ.
Фиксированная цена — когда объём понятен
Если состав экранов ясен и стабилен, дизайн удобно взять по фиксированной цене. Так работает проектирование в составе разработки технического задания и аудит: объём предсказуем, сумма известна заранее. Это снимает риск «а сколько в итоге выйдет».
Оплата за фактические часы — когда объём работ меняется
Если задача исследовательская и состав экранов уточняется по ходу, дизайн уникальных сценариев логично вести по оплате за фактические часы (Time & Materials) с прозрачной сметой и оценкой перед стартом. Так на платформе оформляются доработки сверх базовых модулей.
На практике модели часто сочетаются: типовая часть идёт по фиксированной цене в составе интеграции, а уникальные доработки — по фактическим часам. Главное, чтобы до старта было зафиксировано, что входит в фикс, а что — по фактическим часам.
Кейсы: дизайн под задачу
Ниже — проекты, где дизайн решал конкретную бизнес-задачу, а не только «делал красиво». Метрики — со страниц кейсов.
| Кейс | Что решал дизайн | Результат |
|---|---|---|
| IDOL | Журнальная витрина и сценарии для VIP-сегмента после UX-исследования | VIP — 2% покупателей дают около 40% выручки; старт от 21 рабочего дня |
| Пан Чемодан | Кастомный дизайн вместо шаблона — бренд не хотел «коробку» | Запуск за 21 день, 193 закрытые задачи, +5% к показателям |
| LUSIO | Дизайн многоуровневой лояльности и истории заказов с фото | Бонусами можно оплатить до 50% стоимости заказа |
| DAISYKNIT | Геймификация: адвент-календарь и сторис с готовыми образами | 100% сохранность клиентской базы при миграции с коробочного решения |
IDOL — дизайн, который приводит к выручке
Премиальный fashion-бренд с журнальной подачей: полноэкранные фото, лукбук-стиль, функции «Сочетается с» и «Купить весь образ» — перенос работы офлайн-стилиста в приложение. Дизайн уникальных экранов проектировали после UX-исследования, а не «на глаз». Результат со страницы кейса: VIP-сегмент — всего 2% покупателей — даёт около 40% выручки, а старт проекта занял от 21 рабочего дня. Здесь дизайн — не украшение, а инструмент, который направляет ценных клиентов к покупке.
Пан Чемодан — когда важно не выглядеть «коробкой»
Один из крупнейших магазинов сумок и чемоданов, бутики в 40 городах. Бренд с самого начала хотел, чтобы приложение визуально отличалось от типовых fashion-решений — не «коробка», а продукт, который можно менять под себя. Дизайн собрали кастомный: блог внутри приложения, видео-баннеры, деление товаров по цветам, сравнение из мини-карточек. При этом запуск занял всего 21 день, а по итогам — 193 закрытые задачи и +5% к показателям.
«Было очень важно, чтобы наше приложение визуально отличалось от ряда других приложений в Fashion. Чтобы это была не коробка, а продукт, который мы можем изменять под себя.»
Комментарий заказчика, «Пан Чемодан»
Итог: как рассчитать бюджет на дизайн
Стоимость дизайна приложения — это управляемая величина, а не фиксированный прайс. Она зависит от того, сколько в продукте уникальных экранов и каким способом вы получаете дизайн. Короткий чек-лист, чтобы прикинуть бюджет:
- Составьте список экранов и разделите их на типовые и уникальные. Платите вы в основном за уникальные.
- Типовой магазин? Базовые экраны берите из готовых модулей — их дизайн уже отработан.
- Уникальные сценарии, B2B, сложная навигация? Заложите на них проектирование — оно окупается отсутствием переделок.
- Приложение и сайт вместе? Единая кодовая база экономит на отдельной отрисовке под каждый канал.
- Заложите дизайн-систему и резерв 15–20% на правки по ходу согласования.
Что делать дальше:
- Прикинуть бюджет — в калькуляторе стоимости разработки.
- Заказать дизайн под задачу — UX/UI-дизайн приложения и сайта.
- Проверить готовый продукт — аудит UX/UI или обсудить задачу через контакты.
Вопросы и ответы
Сколько стоит дизайн приложения?
Единой цены нет — стоимость зависит от способа получения дизайна и числа уникальных экранов. На готовой платформе дизайн типового магазина входит в интеграцию под бренд (от 525 000 ₽ за весь запуск, до 30 рабочих дней), а базовые экраны берутся из готовых модулей и отдельно не рисуются. Дизайн уникальных сценариев считается по фактическим часам. Полный дизайн проекта с нуля — часть бюджета кастомной разработки от 5 000 000 ₽. Точная сумма зависит от объёма уникальной части продукта.
Как самому рассчитать бюджет на дизайн?
Составьте список всех экранов продукта, разделите их на типовые и уникальные — платный дизайн приходится в основном на уникальные. Учтите платформы (единая кодовая база экономит на отрисовке под каждый канал), заложите дизайн-систему и добавьте резерв 15–20% на правки. Такой расчёт даёт порядок цифр; точную смету подрядчик считает по списку экранов до старта.
Что входит в стоимость дизайна приложения?
Обычно в смету входит исследование аудитории, UX-проектирование (вайрфреймы), UI-макеты всех экранов с состояниями, адаптивы под платформы, кликабельный прототип, дизайн-система и подготовка макетов к передаче в разработку, а также правки в согласованных итерациях. Иллюстрации и 3D на заказ, тексты, брендинг и дизайн новых фич после согласования состава работ обычно считаются отдельно.
Почему дизайн на готовой платформе дешевле, чем с нуля?
Потому что базовые экраны — каталог, корзина, оплата, лояльность — уже спроектированы и проверены на реальных проектах, их не нужно рисовать заново. Дизайн-бюджет тратится только на уникальные сценарии продукта. При дизайне с нуля проектируется каждый экран, поэтому объём работы и цена заметно выше. Для типового e-commerce, где большинство экранов повторяют проверенные паттерны, платформа выгоднее по бюджету и сроку.
Можно ли заказать только дизайн, без разработки?
Да. Проектирование интерфейса и структуру экранов можно заказать как часть разработки технического задания по фиксированной цене, а готовый продукт — проверить через аудит UX/UI. Если у вас своя команда разработки, дизайнера можно подключить точечно в формате аутстаффинга — с оплатой за фактическое время. На готовой платформе «купить только дизайн за долю от тарифа» нельзя: интеграция — это фиксированный пакет за результат, а не сумма отдельных работ.
Сколько времени занимает дизайн приложения?
Зависит от объёма уникальной части. Для типового магазина на готовой платформе дизайн уникальных экранов укладывается в общий срок интеграции — до 30 рабочих дней на весь продукт. Дизайн отдельных уникальных сценариев занимает от нескольких рабочих дней. Полный дизайн проекта с нуля идёт в составе разработки, которая занимает 6–12 месяцев. Точный срок зависит от числа экранов и глубины исследования.
Нужно ли исследование аудитории, или можно сразу рисовать?
Зависит от продукта. Для типового интернет-магазина можно опереться на проверенные паттерны и отраслевые правила интерфейса, глубокое исследование не всегда нужно. Для нового, непривычного сценария или премиум-сегмента исследование окупается: оно показывает, какие экраны и функции действительно нужны аудитории. В кейсе IDOL именно UX-исследование помогло выстроить сценарии для VIP-сегмента, который даёт около 40% выручки.
Что такое дизайн-система и зачем за неё платить?
Дизайн-система — это библиотека готовых компонентов, цветов, шрифтов и правил, из которых собираются экраны. Она окупается на объёме: новые экраны собираются из готовых блоков, а не рисуются с чистого листа, и продукт остаётся визуально единым. Это ваш актив: с дизайн-системой каждое следующее обновление приложения дешевле и быстрее. Для продукта на пару экранов она избыточна, для полноценного магазина — почти всегда оправдана.
Как понять, что смету за дизайн завысили?
Прямого признака завышения нет, но насторожить должен размытый объём работ. Попросите список экранов с разделением на типовые и уникальные, состав того, что получите на выходе (макеты, прототип, дизайн-система, ассеты), число включённых итераций правок и понятные роли исполнителей. Если ответы конкретные — вам считают по делу. Если «потом разберёмся» — риск не столько в завышении, сколько в доплатах из-за нечёткого объёма.
Дизайн приложения и сайта — это разный бюджет?
Если приложение и сайт делаются на одной кодовой базе, спроектированный сценарий работает одинаково на всех платформах — не нужно рисовать один и тот же экран отдельно под приложение и под веб. Это снижает общий бюджет дизайна по сравнению с двумя раздельными проектами. Если же приложение и сайт разрабатываются независимо, дизайн считается по каждому продукту отдельно.
Материал носит информационно-аналитический характер, отражает оценку команды FITTIN на дату публикации.
