Студия Кирилла Ефимова

Дизайн приложений и веб-сервисов

Дизайн мобильного приложения

от 90 000 ₽

Делаем UX/UI-дизайн мобильных приложений для iOS и Android и мобильных веб-сервисов: от карты сценариев и кликабельного прототипа до всех экранов, состояний и UI-кита. Проектируем так, чтобы приложением можно было пользоваться одной рукой на ходу, а у каждой ошибки был понятный следующий шаг.

Обсудить проект Написать в Telegram

Живой прототип. Нажмите на жёлтую плашку с адресом, введите номер и пройдите оплату до кассового чека. Сценарии переключаются плашкой в видоискателе камеры.

Из работы «Стоянка»

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

Стартапу перед разработкой
Есть идея и команда разработки или планы её нанять. Дизайн и прототип помогут оценить объём и не переделывать код.
Бизнесу, который выходит в мобильный канал
Запись, заказы, бонусы, оплата: переносим ваш сервис в телефон так, чтобы клиент делал это быстрее, чем на сайте.
Команде с живым приложением
Оценки в сторе падают, в поддержку пишут одно и то же. Найдём причины и перерисуем проблемные экраны.

Что делаем, сколько стоит и сколько длится

Цены — нижняя граница, сроки — ориентировочные, для понимания порядка. Точную сумму и график с датами этапов фиксируем в смете после брифа, до начала работы.

Мобильное приложениеот 90 000 ₽от 6 недель
Сценарии, навигация и экраны для iOS и Android с учётом привычных жестов платформ и всех состояний: загрузки, ошибки, пустого экрана, нет связи.
Кликабельный прототипот 30 000 ₽от 1 недели
Прототип, который открывается на телефоне и ведёт себя как приложение: его можно показать пользователям или инвесторам до разработки. Как «Стоянка», которую можно попробовать на этой странице.
UX-аудитот 60 000 ₽от 1 недели
Проходим ваш интерфейс по ключевым сценариям и отдаём отчёт: проблемы со скриншотами, приоритеты и варианты исправления, а при необходимости — макеты исправленных экранов.

Как мы это делаем

Короткий путь к главному действию
В мобильном приложении у человека мало времени и одна свободная рука. Поэтому сначала определяем главное действие — оплатить, записаться, заказать — и строим к нему самый короткий путь, а остальное убираем на второй план. Карту сценариев и структуру экранов согласуем до визуального дизайна. В концепте «Стоянка» путь от таблички платной зоны до чека — это сканирование QR-кода, ввод номера и оплата через СБП, без установки и регистрации.
Привычки платформы
Пользователь iOS и пользователь Android ждут разного поведения от кнопки «Назад», меню и системных окон. Учитываем эти различия там, где они важны, и сохраняем общий характер продукта. Шторки тянутся за пальцем и закрываются броском, нижние панели не залезают под системный индикатор, цели касания не мельче 44 px, поля ввода не меньше 16 px. Мелочи вроде пружинящей прокрутки решают, ощущается ли продукт родным.
Состояния, о которых обычно забывают
Загрузка, пустой экран, нет сети, платёж завис, ничего не найдено — именно здесь пользователи ставят одну звезду. Рисуем эти состояния для каждого ключевого шага и даём выход из каждого: повторить, выбрать другой способ, сохранить и вернуться позже. Тексты ошибок пишем по-человечески: что случилось, списаны ли деньги и что делать дальше. Ошибка без следующего шага на том же экране — недоработка дизайна, а не пользователя.
Доступность и передача в разработку
Проверяем контраст по уровню AA, крупный шрифт и работу с экранными читалками: важные изменения на экране озвучиваются, фокус не теряется. Макеты отдаём в Figma вместе с компонентами, вариантами и состояниями, UI-китом и экспортом иконок. Разработчик видит не только экран, но и правила: какие отступы, как ведёт себя элемент при длинном тексте, что происходит при нажатии. Во время разработки отвечаем на вопросы команды.

Как это было в проекте «Стоянка»

«Стоянка» — собственный концепт студии: оплата парковки в Уфе по QR-коду на табличке, мобильный веб-сервис без установки. В первой версии сценарии заканчивались там, где у водителей начинаются проблемы: не было «нет сети», «банк не отвечает», «забыл оплатить». Шторки закрывались только жестом, чипы и иконки-кнопки были мельче удобной цели касания, а экран не помещался в низкие телефоны.

  1. Добавили следующий шаг для каждой ошибки: камеры не увидели номер — оплата по времени, нет сети — номер сохранён и оплатить можно до 23:59, банк отклонил — деньги не списаны и есть повтор.
  2. Переделали шторки: пружина, ведение пальцем 1:1, закрытие броском, плюс кнопка «Закрыть», Escape и возврат фокуса.
  3. Привязали размеры номера и сумм к ширине экрана, а по высоте экран сам уплотняется. Проверили на ширине от 298 до 390 px.
  4. Добавили несколько машин без аккаунта: номера с этого телефона предлагаются чипами, вторую машину можно оплатить сразу.
  5. Озвучили чек, сумму и ошибки для экранных читалок и проверили контраст всех пар цветов по AA.

Открыть кейс «Стоянка»

Работы

Что влияет на стоимость

Число сценариев и экранов
Приложение с одним главным сценарием и продукт с каталогом, профилем, оплатой и уведомлениями — разный объём. Мобильное приложение — от 90 000 ₽.
Платформы
Одна платформа, iOS и Android или ещё и веб-версия: каждая добавляет адаптацию навигации и системных элементов.
Роли пользователей
Клиент и исполнитель, покупатель и курьер — у каждой роли свои экраны и права.
Начало с прототипа
Кликабельный прототип — от 30 000 ₽: проверяет идею до полного дизайна и потом становится его основой.
Работающий продукт
Если приложение уже в сторе, UX-аудит — от 60 000 ₽ — показывает, какие экраны переделывать первыми.

Что вы получите

Как идёт работа

  1. 01

    Бриф и смета

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

  2. 02

    Структура и прототип

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

  3. 03

    Дизайн

    Показываем концепцию на главном экране, после согласования рисуем остальные страницы и состояния для десктопа и телефона и собираем UI-кит. Правки — на каждом этапе, так переделки не копятся к концу.

  4. 04

    Передача и сопровождение

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

Вопросы

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

Дизайн мобильного приложения — от 90 000 ₽, кликабельный прототип — от 30 000 ₽, UX-аудит работающего приложения — от 60 000 ₽. Итог зависит от числа сценариев, экранов, ролей и платформ. Точную сумму называем после брифа и фиксируем в смете вместе с составом работ и этапами.

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

Ориентировочно от 6 недель на полный дизайн мобильного приложения и от 1 недели на кликабельный прототип или UX-аудит. Это сроки на дизайн, без программирования и публикации в сторах. График с датами этапов фиксируем в смете; на него влияют объём продукта и скорость согласований.

Нужно ли отдельно рисовать iOS и Android?

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

Может, хватит мобильного веб-сервиса без установки?

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

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

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

С чего начать, если есть только идея?

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

Кто будет работать над проектом?

Команда студии под руководством Кирилла Ефимова, главного дизайнера «Школы 21» от Сбера. Кирилл ведёт каждый проект и отвечает за результат, дизайнеры студии работают над макетами.

Работаете только в Уфе?

Нет. Работаем удалённо с заказчиками из любых городов, обсуждаем всё по видеосвязи и в Telegram. В Уфе можно встретиться лично.

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

Расскажите, что нужно сделать: ответим и предложим, с чего начать.

+7 917 411-66-22
Telegram @hell_sin
porisuimnetut@gmail.com

Смотрите также

Другие услуги