Сколько стоит дизайн приложения, определяют три вещи: число уникальных экранов, количество сценариев и ролей и глубина проработки — состояния, тёмная тема, анимации, материалы для сторов. В WeMake дизайн MVP до 15 экранов стоит от 500 000 ₸, приложения до 40 экранов — от 900 000 ₸, продукта с несколькими ролями и 60+ экранами — от 1 800 000 ₸. Срок — от 2–3 до 6–8 недель. Дальше объясняем, как эти цифры складываются и почему дизайн приложения дороже дизайна сайта с тем же числом страниц.
Стоимость дизайна мобильного приложения: три формата
Мы считаем дизайн мобильных приложений по формату. Все три включают гайдлайны Apple и Google и дизайн-систему — разница в объёме и проработке.
| Формат | Цена | Срок | Объём |
|---|---|---|---|
| MVP | от 500 000 ₸ | 2–3 недели | До 15 экранов, один сценарий, гайдлайны, дизайн-система |
| Приложение | от 900 000 ₸ | 4–6 недель | До 40 экранов, онбординг, все состояния, тёмная тема, материалы для сторов |
| Продукт | от 1 800 000 ₸ | 6–8 недель | Несколько ролей, 60+ экранов, UX-тесты, анимации, иконки, документация |
Формат «Приложение» выбирают 7 из 10 заказчиков: это типичное клиентское приложение магазина, сервиса или программы лояльности. MVP подходит, чтобы быстро проверить один сценарий на рынке. «Продукт» — для сервисов, где есть, например, клиент, курьер и администратор, и у каждого свои экраны и права.
- Экраны считаются по уникальным макетам: двадцать однотипных карточек — один экран, а пустое состояние списка — отдельный.
- Базовый дизайн делается один раз, под iOS и Android адаптируются платформенные элементы — это дешевле двух отдельных дизайнов на 40%.
- Отдельно оплачиваются только лицензии шрифтов и стоков.
Как считают экраны и почему их больше, чем кажется
Когда заказчик описывает приложение, он обычно называет 8–10 экранов: главная, каталог, карточка, корзина, профиль. Реальная карта экранов почти всегда в два-три раза длиннее. Регистрация — это ввод телефона, код из SMS, ошибка кода, повторная отправка. Корзина — пустая, с товарами, с недоступным товаром, с промокодом. Профиль — с данными и без них.
Поэтому первое, что мы делаем, — карта экранов: схема всего приложения с переходами и ролями. По ней сразу виден объём, а на этапе UI не всплывает «а ещё нужен экран настроек». Если вы пришли со своим техническим заданием, мы тоже начинаем с карты: в ТЗ обычно описаны функции, а не пути пользователя, и на перевод одного в другое уходит день-два.
Что сильнее всего влияет на цену UI-дизайна приложения
Сценарии и роли
Один сценарий — «найти товар и купить» — проектируется быстро. Каждая новая роль добавляет свои экраны, права и уведомления. Приложение доставки с клиентом, курьером и оператором — это по сути три приложения с общей дизайн-системой.
Состояния экранов
Пустые списки, загрузка, ошибки сети, офлайн, отказ в разрешениях, длинные имена и цены, первый запуск без данных. Это половина работы в приложении и как раз то, чего нет в «красивых макетах» из портфолио. Без них разработчик додумывает сам, а пользователь видит белый экран.
Платформы и устройства
Дизайн по Human Interface Guidelines для iOS и Material Design для Android отличается навигацией, жестами, шрифтами и системными элементами. Мы делаем одну систему и две платформенные адаптации. Если важны планшеты, это отдельные раскладки — по сути ещё один набор экранов и отдельная строка сметы. Подробнее о разнице платформ — в статье «Дизайн под iOS и Android».
Анимации, тёмная тема и доступность
Переходы между экранами, скелетоны загрузки, отклик на успех и ошибку описываются в документации, сложные сцены передаются в формате Lottie. Тёмная тема входит в формат «Приложение»: цветовые токены проектируются сразу для обеих тем. Доступность — контраст, размер области нажатия, поддержка увеличенного системного шрифта — для финтеха и медицины ещё и требование ревью.
Иконка и материалы для сторов
Карточка в App Store и Google Play — это первый экран приложения, который человек видит до установки. Скриншоты нужны для всех размеров устройств, иконка — в наборе размеров для обеих платформ. Иконку мы проверяем на светлом и тёмном фоне, на живых обоях и рядом с иконками конкурентов на домашнем экране: то, что красиво в презентации, на телефоне может потеряться. Тексты для ASO готовим по запросу.
Передача в разработку
Макеты, которые разработчики не могут собрать, обходятся дорого: экраны перерисовывают на ходу, и приложение расходится с дизайном. Поэтому дизайн-система строится так, чтобы компоненты, размеры, отступы и состояния совпадали с кодом. Под Flutter у нас самая отлаженная передача, для React Native и нативной разработки меняется только формат.
Языки
Казахские и английские строки длиннее русских. Если не заложить это в кнопки и табы, вторая языковая версия ломает интерфейс. Мы проектируем компоненты с запасом сразу.
Что входит в дизайн приложения под ключ
Возьмём формат «Приложение» на 4–6 недель. Вот как распределяется работа:
- Исследование — 1 неделяСценарии использования, конкуренты, карта экранов и информационная архитектура.
- Прототип — 1 неделяКликабельные схемы с жестами и переходами, UX-тест на 5–8 людях на реальных телефонах.
- UI-дизайн — 2–3 неделиВсе экраны и состояния для двух платформ, онбординг, тёмная тема.
- Дизайн-система — 3 дняКомпоненты, токены и документация, совпадающие с кодом на Flutter.
- Материалы для сторов — 2 дняСкриншоты для всех размеров устройств, иконка, промо-графика.
На выходе — Figma с макетами всех экранов и состояний, кликабельный прототип, дизайн-система, иконка и материалы для App Store и Google Play. Исходники, шрифты и лицензии оформляются на вашу компанию.
Дизайн в общей смете разработки приложения
Если вы заказываете приложение целиком, отдельно дизайн покупать не нужно: аналитика, прототип, дизайн по гайдлайнам и дизайн-система уже входят в разработку приложения для iOS и Android под ключ. Там дизайн занимает 2–3 недели внутри общего срока 12–16 недель, а разработчики начинают сборку, как только готовы ключевые экраны.
Заказывать дизайн отдельно имеет смысл, когда у вас есть своя команда разработки, нужен редизайн готового приложения или вы хотите показать продукт инвесторам до старта разработки. Ориентиры по полному бюджету — в материале «Сколько стоит мобильное приложение в Казахстане».
Калькулятор: дизайн приложения цена в тенге
Выберите формат по числу экранов и ролей. Если нужен ещё и сайт в той же стилистике, отметьте его: основа переиспользуется, но экраны сайта проектируются отдельно под свои сценарии.
Сравнить с другими направлениями дизайна — логотипом, фирменным стилем, прототипом — можно на странице цен на дизайн.
На чём нельзя экономить в дизайне приложения
Уменьшить смету можно за счёт объёма первой версии: один сценарий вместо трёх, без тёмной темы, без планшетов, на основе готовой дизайн-системы. Так устроен формат MVP. А вот две вещи мы не советуем урезать никогда.
Экономить на онбординге и состояниях. Онбординг из семи экранов и запрос всех разрешений на старте — главная причина, по которой приложение удаляют после первого запуска. Мы проектируем первый запуск максимум в три экрана, чтобы ценность была видна за 30 секунд, а разрешения запрашиваем в момент, когда они нужны.
Вторая — дизайн «как сайт». Человек ожидает от приложения поведения своей платформы: привычных жестов, навигации, системных шрифтов. Интерфейс, перенесённый с сайта, ощущается чужим, а нарушение гайдлайнов — частая причина отказа на ревью сторов.
ПРАВИЛООшибка в дизайне сайта стоит правки макета. Ошибка в дизайне приложения стоит нового релиза и потерянных пользователей.
Как подготовиться и получить смету за день
- Главный сценарий: что пользователь должен сделать в приложении в первый же день.
- Список ролей: клиент, сотрудник, курьер, администратор.
- Платформы: только телефоны или ещё планшеты.
- Языки интерфейса: RU, KZ, EN.
- Логотип, фирменные цвета, доступ к текущему сайту или приложению.
- Аналитику использования, если приложение уже есть, — она сильно ускоряет исследование.
- Одного человека с правом утверждать этапы.
С этими вводными мы составим черновую карту экранов и пришлём смету за один рабочий день. Карта экранов — в конце первой недели, прототип на телефоне — в конце второй, первые цветные экраны — на третьей. Обсудить формат и сроки можно на странице дизайна приложений по гайдлайнам iOS и Android.
Какая стоимость дизайна мобильного приложения в WeMake?
MVP до 15 экранов — от 500 000 ₸, приложение до 40 экранов — от 900 000 ₸, продукт с несколькими ролями и 60+ экранами — от 1 800 000 ₸.
Почему дизайн приложения дороже дизайна сайта?
Больше экранов и состояний, две платформы, жесты и анимации, материалы для сторов. И ошибка обходится дороже: исправлять её приходится новым релизом.
Нужно рисовать отдельно под iOS и Android?
Нет. Базу делаем один раз, затем адаптируем навигацию, шрифты и жесты под каждую платформу. Это дешевле двух отдельных дизайнов на 40%.
Можно ли уложиться в 2 недели?
Только для MVP: один сценарий, до 15 экранов, готовая дизайн-система как основа, без UX-тестов и тёмной темы. Для полноценного приложения нужно от четырёх недель.
Можно ли отдать макеты своим разработчикам?
Да. Передаём Figma с дизайн-системой и принимаем сборки: сверяем экраны с макетами на телефоне и оформляем замечания списком.
