Разработка дизайна мобильного приложения: макет, готовый к разработке
Делаем дизайн, разработку ведёт ваша команда или подрядчик. Передаём макет с описанной логикой: каждый экран, каждое состояние и отдельные версии для iOS и Android. MVP — от 150 000 ₽ и 4–6 недель.
Макет, по которому верстают без переспросов
iOS по Apple HIG, Android по Material Design
Срок в договоре и неустойка за срыв по нашей вине
Бесплатно разберём приложение или идею и назовём срок и цену
Оценка объёма дизайна и сроков. Без обязательств.
Когда нужен дизайн приложения
Услуга подходит, когда разработку ведёт ваша команда или подрядчик, а дизайн нужно спроектировать и задокументировать.
Запускаете MVP
Нужно приложение к питчу или проверке спроса, а дизайна ещё нет.
Разработчики ждут макет
Команда готова верстать, но проект стоит: нет экранов и описанной логики.
Макет не верстается
Экраны красивые, а состояний загрузки, пустого списка и ошибки в файле нет.
Интерфейс устарел
Приложение отстало от текущих версий iOS и Android и выглядит старше конкурентов.
Пользователи путаются
Экраны есть, но сценарий не собирается: люди не доходят до нужного действия.
Один макет на две платформы
iOS-версия выглядит как Android — и обе кажутся пользователям чужими.
Что получают ваши разработчики
Figma с компонентами
Именованные слои, компоненты и авто-лейауты. Файл передаём вам с правом редактирования, а не только на просмотр.
Все состояния экранов
Загрузка, пустой список, ошибка, успех и отсутствие сети. Плюс поведение при длинном тексте и первом входе.
iOS и Android раздельно
Apple HIG и Material Design на отдельных страницах файла: навигация, шрифты, кнопки и иконки под каждую платформу.
Документация и скринкаст
Описание поведения каждого элемента и видео-разбор нестандартных решений. Плюс месяц на вопросы по вёрстке.
Один бренд — два нативных приложения
«Сделаем для iOS, а Android — то же самое» приводит к интерфейсу, который на обеих платформах кажется чужим. Мы проектируем iOS и Android с общей логикой, но разными паттернами: пользователь получает привычное для своей системы поведение.
Навигация
В iOS — Tab Bar внизу и жест «назад». В Android — Bottom Navigation и системная кнопка «назад».
Типографика
В iOS — SF Pro и шаги размеров из HIG. В Android — Roboto и Material Type Scale.
Кнопки
В iOS — скруглённые без тени. В Android — три типа: elevated, filled и tonal.
Переходы
В iOS — push-анимация. В Android — fade и переход общего элемента между экранами.
Иконки
В iOS — SF Symbols. В Android — Material Symbols.
Размеры нажатия
Apple требует область нажатия не меньше 44×44 pt, Google — 48×48 dp. Проверяем это в макете, а не после сборки.
Портфолио под NDA
Приложения, которые мы проектировали, опубликованы в App Store и Google Play, но соглашения с заказчиками не разрешают называть их на сайте — поэтому кейсов с названиями и метриками здесь нет.
На созвоне показываем экраны и устройство Figma-файла: организацию слоёв, состояния, платформенные версии. Этого достаточно, чтобы оценить уровень проработки до начала работы.
Как идёт работа над дизайном приложения
Бриф
Разбираем задачу продукта, сценарии пользователей и конкурентов. Дизайнер участвует с первой встречи.
2–3 часа
Прототип сценариев
Схемы экранов без деталей: проверяем логику навигации и путь пользователя. Итерации до согласования.
около недели
Дизайн всех экранов
Полные макеты и дизайн-система. Каждый экран — со всеми состояниями, iOS и Android параллельно.
2–6 недель
Интерактивный прототип
Кликабельная версия в Figma: для демонстрации инвестору, проверки на пользователях или защиты внутри компании.
3–5 дней
Передача разработчикам
Документация, скринкаст, созвон с командой и месяц консультаций по вёрстке.
2–3 дня
Почему нам доверяют
Макет для вёрстки а не набор экранов
Состояния, поведение элементов и платформенные версии описаны в файле. Разработчик использует его как техническое задание.
С 2021 года в digital-маркетинге
Приложения в App Store и Google Play, сайты, реклама и аналитика — в одной команде. Дизайн проектируется под задачу продукта.
Передаём с поддержкой месяц на вопросы
Скринкаст по файлу, созвон с вашими разработчиками и месяц консультаций по вёрстке после сдачи.
Срок и оплата в договоре
Сорвали срок по нашей вине — платим 2% от стоимости за каждую неделю. Оплата частями: 30 / 40 / 30.
Дизайн приложения: фрилансер или агентство 360i
Дизайнер с портфолио картинок
- Экраны в идеальном состоянии, без загрузки и ошибок
- Один макет на iOS и Android
- Логика поведения элементов нигде не описана
- Отдал файл — вопросы разработчиков не его забота
Агентство 360i
- Все состояния каждого экрана и краевые случаи
- Отдельные версии по Apple HIG и Material Design
- Документ с поведением элементов и скринкаст
- Созвон с вашей командой и месяц консультаций
Создание дизайна мобильного приложения: цена
В цену входят макеты для iOS и Android, все состояния экранов, дизайн-система, документация для разработчиков и месяц консультаций по вёрстке. Оплата частями: 30 / 40 / 30. Точный срок фиксируем в договоре под ваш проект.
Тариф
«MVP»
Первый запуск, питч, проверка спроса
- 5–15 экранов
- Версии для iOS и Android
- Мини-дизайн-система
- Интерактивный прототип для показа
- Документация для разработчиков
- Месяц консультаций по вёрстке
Результат: Приложение можно отдавать в разработку и показывать инвестору
Стоимость
от 150 000р
4–6 недель
Тариф
«Полный продукт»
Новое мобильное направление, команда разработки готова
- Всё из «MVP»
- 20–60 экранов
- Полная дизайн-система
- Краевые случаи по каждому сценарию
- Еженедельные демонстрации
- Месяц консультаций по вёрстке
Результат: Система экранов, которую команда расширяет без дизайнера
Стоимость
от 400 000р
2–4 месяца
Тариф
«Редизайн»
Приложение работает, но интерфейс мешает
- Разбор текущего приложения
- Обновление экранов по приоритету
- Дизайн-система на будущие задачи
- Порядок внедрения по шагам
- Передача команде, которая ведёт текущий код
Результат: Обновлённый интерфейс без переписывания приложения с нуля
Стоимость
от 300 000р
4–8 недель
Кто делает дизайн приложения
Руководитель проекта
Единая точка связи: держит сроки этапов, собирает правки и отвечает за передачу файла вашей команде.
Дизайнер
Проектирует сценарии и экраны, собирает дизайн-систему, прорисовывает состояния и платформенные версии для iOS и Android.
Арт-директор
Проверяет каждый этап: единство стиля, соответствие Apple HIG и Material Design и пригодность файла для разработки.
Закажите бесплатный разбор приложения или идеи
Расскажите о продукте или пришлите ссылку на приложение — вернёмся со списком проблем интерфейса и оценкой объёма дизайна.
Часто задаваемые вопросы
Сколько стоит разработка дизайна мобильного приложения?
Вы разрабатываете приложение или только дизайн?
Можно посмотреть ваши приложения?
Что значит «макет, готовый к разработке»?
Вы делаете один макет на две платформы?
Дизайн пройдёт проверку в App Store и Google Play?
Что будет, если вы сорвёте срок?
С чего начать?
Другие услуги
Подписывайтесь на наш Telegram-канал
Здесь вы найдёте всё самое полезное для роста вашего бизнеса в интернете: свежие стратегии, рабочие инструменты, новости отрасли и практические советы от руководителя агентства полного цикла.