Обсудить проект

Дизайн для экрана, который держат в одной руке и смотрят на бегу.

Дизайн мобильных приложений для iOS и Android

Мобильный интерфейс прощает меньше, чем сайт. Экран маленький, внимание короткое, палец неточный, связь может пропасть на середине действия. То, что на большом мониторе выглядит просто аккуратным, на телефоне становится разницей между «сделал» и «закрыл».

Мы проектируем мобильные приложения с учётом того, как ими пользуются на самом деле: одной рукой, в движении, между делом. И с учётом правил платформ — они не декоративные: если приложение ведёт себя не так, как ожидает система, человек чувствует это раньше, чем осознаёт.

Проверяем на устройствах, а не только в макете: разница видна сразу и почти всегда неприятная.

Направления

Мобильный дизайн редко заказывают целиком с нуля: чаще у компании уже есть приложение, вторая платформа или накопившийся список претензий к текущему. Поэтому мы работаем в четырёх разных постановках задачи, и от неё зависит и объём, и порядок работы. Ниже — то, с чем к нам приходят чаще всего.

Дизайн приложения с нуля

От сценариев и структуры до готовых экранов и подготовки материалов для публикации. Сюда же входят иконка, экраны магазина и всё, без чего приложение не выпустить. Отдельная часть работы — материалы для магазинов: иконка, скриншоты и описания влияют на установку не меньше, чем сам продукт. Мы готовим их вместе с приложением, а не откладываем на неделю релиза.

Редизайн

Обновление приложения, которое уже работает. Часто оказывается, что проблема не в оформлении, а в структуре разделов, — тогда начинаем с неё. Начинаем с разбора того, на что жалуются пользователи и где обрываются сценарии в аналитике. Обновлять оформление, не тронув структуру, обычно означает получить те же претензии в новом виде.

Адаптация под вторую платформу

Приложение есть на одной платформе, нужно на другой. Это не копирование экранов: у iOS и Android разные привычки навигации и разные ожидания. Общую основу проектируем один раз, а разводим только то, что действительно расходится: навигацию, системные элементы, поведение кнопки «назад». Полное дублирование макетов удваивает стоимость и ничего не добавляет.

Дизайн-система приложения

Компоненты, состояния и правила, по которым команда собирает новые экраны без вашего участия и без расхождений между разделами. В неё входят не только компоненты, но и правила их сочетания: отступы, состояния, поведение при длинном тексте. Это то, что удерживает приложение от расползания, когда над ним работают несколько человек.

опыт

Проектируем приложения для сегментов,
где требования есть и к надёжности, и к подаче

Входим в Топ-5 разработчиков мобильных приложений в сегменте Цифровые сервисы для бухгалтерских и юридических услуг по версии Рейтинга Рунета 2025

Входим в Топ-10 разработчиков мобильных приложений в сегменте Образовательные услуги по версии Рейтинга Рунета 2025

Создали приложение для компании Топ-3 рынка дополнительного образования

Разработали и запустили приложение для трансляций и продаж в прямом эфире

Реализуем проекты для блогеров и лидеров мнений с аудиторией более 3 млн человек

Что это даёт

В мобильном приложении выигрыш почти всегда в убранных шагах, а не в добавленных возможностях. Экран маленький, внимание короткое, палец неточный — то, что на мониторе выглядит просто аккуратным, здесь становится разницей между «сделал» и «закрыл». Ниже четыре места, где эта разница видна в цифрах.

Короче путь до действия

Каждый лишний экран между намерением и результатом стоит части пользователей. Мы считаем шаги и убираем те, без которых можно обойтись. Мы считаем шаги в основном сценарии до и после — это единственный честный способ показать результат работы. Обычно два-три шага удаётся убрать без потери смысла, и именно они дают заметный прирост.

Соответствие платформам

Приложение ведёт себя так, как человек привык на своём телефоне. Это снижает раздражение и заодно упрощает прохождение модерации в магазинах. Правила платформ не декоративны: если приложение ведёт себя не так, как ожидает система, человек чувствует это раньше, чем осознаёт. Мы держим общую основу, но системные элементы оставляем такими, какими их привыкли видеть.

Меньше вопросов в поддержку

Понятные состояния и внятные ошибки снимают значительную часть обращений. Это редко попадает в презентации, но хорошо видно в бюджете поддержки. Больше всего обращений порождают не сложные функции, а невнятные состояния: непонятно, идёт загрузка или всё сломалось. Мы проектируем такие экраны отдельно, а не оставляем их разработчику на усмотрение.

Проверено на устройствах

Мы смотрим экраны на настоящих телефонах — маленьких, старых, с крупным системным шрифтом. Именно там макеты обычно и ломаются. На макете экран всегда идеального размера, а в жизни у человека может быть старый телефон и увеличенный шрифт. Мы отдельно смотрим поведение при крупном системном шрифте: приложение, которое от него ломается, теряет заметную часть аудитории.

Этапы

Сначала сценарии, потом экраны, потом проверка руками на настоящих телефонах. Порядок принципиален: структура, принятая до отрисовки, стоит дёшево, а та же структура после восьмидесяти экранов — дороже всего остального проекта вместе взятого.

Сценарии

Выясняем, что человек делает в приложении чаще всего и в каких условиях. Приложение, которым пользуются раз в день по минуте, устроено иначе, чем то, в котором работают часами. Отдельно разбираем условия: в дороге, одной рукой, при плохой связи. Эти обстоятельства влияют на структуру сильнее, чем список функций, который обычно приносят на первую встречу.

Структура и навигация

Раскладываем разделы и переходы. Здесь решается, найдёт ли человек нужное, — и здесь же чаще всего кроется причина недовольства старым приложением. Проверяем структуру на людях до отрисовки: даём задачу и смотрим, куда человек тянется. Спорить об именах разделов после этого становится не о чем.

Ключевые экраны

Отрисовываем главный сценарий целиком и согласуем его. Пока не принят главный путь, остальные экраны рисовать рано. Рисуем на настоящих текстах и данных, а не на условных подписях: половина проблем видна только на реальном содержании. Согласованный главный путь дальше становится образцом для остальных экранов.

Состояния и края

Загрузка, пустые списки, ошибки, нет связи, очень длинный текст, крупный системный шрифт. Скучная часть, которая определяет ощущение от приложения. Именно эта часть определяет, ощущается приложение надёжным или сырым, хотя в презентации её никогда не показывают. Мы описываем состояния списком и проверяем по нему на приёмке.

Передача и поддержка выпуска

Собираем компоненты, готовим материалы для магазинов и сопровождаем разработку до публикации. Компоненты отдаём с описанным поведением, а не картинками, и остаёмся на связи до публикации. Проверяем результат на устройстве: до пользователя доходит собранное приложение, а не макет.

В чём работаем

Технологии

Дизайн

Figma

Дизайн-системы

Прототипы

Анимация интерфейса

Платформы

iOS

Android

RuStore

Telegram MiniApps

Проверка

Реальные устройства

Малые экраны

Крупный системный шрифт

Доступность

Кому это подходит

Мобильный дизайн окупается там, где приложение — рабочий инструмент, а не витрина, и где к нему возвращаются регулярно. Чем чаще человек открывает приложение, тем сильнее умножается цена каждого лишнего шага. Ниже — сегменты, в которых мы это видели чаще всего.

Сервисам с регулярным использованием

Доставка, запись, обучение, финансы. Когда человек заходит часто, цена лишнего шага умножается на число заходов. Доставка, запись, обучение, финансы — сценарии, к которым возвращаются по несколько раз в неделю. Здесь окупается даже небольшое сокращение пути, потому что оно умножается на число заходов. Такие продукты мы проектируем от повторного использования, а не от первого запуска.

Образовательным продуктам

Длинные сценарии, прогресс, возвращаемость. У нас есть опыт работы с компанией из Топ-3 рынка дополнительного образования. Длинные сценарии, прогресс и возвращаемость: человек должен легко продолжить с того места, где остановился. У нас есть опыт работы с компанией из Топ-3 рынка дополнительного образования и с аудиторией больше 150 000 человек.

Медиа и авторам

Контент, подписки, прямые эфиры. Мы проектировали приложение для трансляций и продаж в прямом эфире. Контент, подписки, прямые эфиры и продажи внутри трансляции. Мы разработали и запустили приложение для трансляций и продаж в прямом эфире, а также ведём проекты для авторов с аудиторией более трёх миллионов человек.

Профессиональным сервисам

Юридические и бухгалтерские продукты, где на маленьком экране нужно показать много данных и не потерять понятность. Юридические и бухгалтерские продукты, где на маленьком экране нужно показать много данных и не потерять понятность. Мы входим в Топ-5 разработчиков мобильных приложений в сегменте цифровых сервисов для бухгалтерских и юридических услуг по версии Рейтинга Рунета 2025.

Нам доверяют

Корпоративный бизнес

Медицинская группа «EMC», группа «НефтеТрансСервис», компании группы «Полипластик»

Юридические услуги. Налоговые консультанты. Family Office

«Orion Partners» (ex. Linklaters, White & Case, Cleary Gottlieb), BGP Family Office, «LEVEL Legal Services» (ex. Hogan Lovells), МЭФ Консалтинг (топ-3 налоговых консультантов России), «Verba.Legal », «Кучер, Кулешов, Максименко» (ex. Deveboice), «Sirota&Partners », «Рыбалкин, Горцунян, Дякин», «Никольская Консалтинг» (ex. Herbert Smith), «Яковлев и Партнеры, «EmetLaw », «Lobster Group », «Восход » (ex. White & Case, Baker Botts, DLA Piper), «AlpineTax », «NIMBUS.Legal » (ex. Никитин, Манойло, ex. Право и Практика), и многие другие

eCommerce

Мульти-брендовый бутик GrandeBoutique.ru, ShiTrendy.com и приложение ShiTrendy, магазины товаров для дома и мебели DeepHouse.pro, VremyaSna.ru и MyRoomy.com, бренд Twyn.ru, сервисы доставки готового питания Yummum.ru и Hraniteltela.ru, сеть ресторанов «Епонский Городовой»

Сервисы и приложения

Образовательная платформа «EdPRO » (топ-3 рынка дополнительного образования России), приложение для сопровождения бухгалтерского учета «ЦСБ », сервис AI-ассистентов Neuralismo.ru, GPT-based ассистент для здорового питания CalMePlease

Результаты клиентов

Продажи растут, прибыль тоже. Сильно подросли продажи сегмента мужской одежды. Сайт стал гораздо красивее, в нем стал удобнее поиск для клиентов. Лично для меня огромный плюс, что стало удобно пользоваться админкой. Она легчайшая, простейшая, просто подарок для маркетолога ― двигаешь что хочешь и куда хочешь.

Ульяна Оржеховская

Интернет-маркетолог Grande Boutique

Интерьвью с заказчиком

Наши ожидания от работы полностью оправдались. Ребята проявили профессионализм, креативность и ответственность в выполнении задач. Мы сотрудничаем до сих пор ― улучшаем функционал, вносим новые фишки в сайт и приложение.

Рустам Алибеков

Руководитель ShiTrendy.com

Интерьвью с заказчиком

Оцениваем сайт высоко. Скорость работы сайта, качество и плавность анимаций, общий стиль и выделение на фоне остальных - круто
Конверсия хорошая. Сайт конвертирует реальные заявки и ещё были звонки и переходы в наши мессенджеры

Богдан Царелунга

Руководитель маркетинга Lobster Group

Ребята подошли к задаче комплексно, сначала изучили ЦА, аналоги, продумали сценарии. Использовали Flutter и это большой плюс тк проект получился кроссплатформенным, технологически свежим, и что важно, легко поддерживаемым. Приложением ежедневно пользуются наши студенты. Огромное спасибо всей команде. Крутая работа, классный кейс

Марат Шаниязов

CTO Международной академии EDPRO

Нам нравится сайт) Мы также получаем положительную обратную связь: стильный, лаконичный, точный. Дотьюнили контент и будем менять некоторые стоковые визуалы. Вероятно изменим цвет кнопки на главном экране, но пока оставили оранжевый) Спасибо за работу!

Алена Шукалович

Директор по развитию Kaloy.ru

Ульяна Оржеховская

Интернет-маркетолог Grande Boutique

Интерьвью с заказчиком

Рустам Алибеков

Руководитель ShiTrendy.com

Интерьвью с заказчиком

Богдан Царелунга

Руководитель маркетинга Lobster Group

Марат Шаниязов

CTO Международной академии EDPRO

Алена Шукалович

Директор по развитию Kaloy.ru

Частые вопросы

Частые вопросы про дизайн мобильных приложений.

Нужны ли отдельные макеты для iOS и Android?

Основа общая, но различия есть: навигация, системные элементы, поведение кнопки «назад», шрифты. Мы делаем общую систему и точечно разводим то, что разводить необходимо, — полное дублирование макетов не нужно. Стоимость дизайна от этого растёт незначительно — основная работа уходит в общую систему, а не в разведение платформ.

Вы разрабатываете приложения или только рисуете?

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

Что с планшетами?

Делаем, если они вам действительно нужны. Часто оказывается, что доля планшетов невелика, и разумнее вложить эти деньги в телефонную версию — мы честно скажем, если увидим такую ситуацию. Если планшеты действительно нужны, лучше решить это в начале: закладывать поддержку в готовую систему дороже, чем сразу.

Поможете с публикацией в магазинах?

Да: готовим иконку, скриншоты и описания, помогаем пройти требования площадок. Отказы на модерации чаще связаны с оформлением карточки и приватностью, чем с самим приложением. RuStore обслуживаем наравне с App Store и Google Play — для российского рынка это уже не запасной вариант.

Как быть с людьми, у которых слабое зрение?

Учитываем контраст, размеры целей нажатия и поведение при крупном системном шрифте. Это не только вопрос доступности: приложение, которое ломается от увеличенного шрифта, теряет заметную часть аудитории. Проверяем контраст и размеры целей нажатия по формальным критериям, а не на глаз, — так результат воспроизводим.

Сколько занимает дизайн приложения?

Зависит от числа сценариев, а не от числа экранов: один сложный сценарий дороже десяти простых экранов. Точный срок называем после разбора структуры. На срок сильнее всего влияет число согласующих на вашей стороне: это обычно дороже любой технической сложности.

Покажем концепт за 10 дней

Что нужно сделать

Корпоративный сайт

Автоматизация процесса

Приложение

eCommerce

Смарт аналитика

Аудит продукта

Посадочная страница

Mini App

Личный кабинет

AI-сотрудник