UX/UI дизайн
мобильных приложений
в Санкт-Петербурге

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

Дизайн приложений в Санкт-Петербурге

Мобильный UX/UI

Эстетика и удобство

Написать в Telegram

С чем приходят за дизайном приложения

Разработчики рисуют сами

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

Пользователи не находят нужное

Функция есть, но до неё доходят единицы, и поддержка объясняет путь вручную.

Макеты не собираются

Дизайнер отдал картинки, и разработчик третью неделю уточняет отступы.

Каждый экран свой

Кнопки и поля различаются от экрана к экрану, и правки расходятся неделями.

Приложение не похоже на бренд

Сайт один, приложение другое, и клиент не узнаёт компанию.

Когда дизайн приложения окупается

Перед сборкой

Когда правка в макете стоит часа, а та же правка в коде — недели.

Прототип на проверку
Все состояния экранов
Передача в сборку

При переделке старого приложения

Когда интерфейс морально устарел, а логика работает и её жалко.

Разбор текущих экранов
Новая навигация
Переход по частям

При выходе на две платформы

Когда нужен один стиль и разные привычки пользователей учтены.

Единая система элементов
Различия платформ
Тёмная тема

Можно ли обойтись без дизайнера и собрать на готовых элементах?

Можно для внутреннего инструмента, но не для приложения, которым пользуются клиенты.

Готовые наборы закрывают внешний вид и не отвечают на вопрос, что человек делает на экране. Навигация и порядок шагов всё равно требуют решения.

Мы начинаем со сценариев, а оформление берём из системы платформы.

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

Карта экранов

Все экраны и переходы между ними одной схемой, понятной без пояснений.

Схема

Переходы

Кликабельный прототип

Приложение можно пройти на телефоне до начала разработки.

Прототип

Проверка

Макеты со всеми состояниями

Загрузка, пустой экран, ошибка и успех нарисованы заранее, до начала сборки.

Состояния

Ошибки

Система элементов

Библиотека компонентов, по которой собирают новые экраны без дизайнера.

Библиотека

Правила

Половина вопросов при сборке — про состояния экранов, которых нет в макетах.

Как формируется цена
на дизайн приложения
в Санкт-Петербурге

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

Онбординг, пустые состояния, базовые паттерны

от 100 000 ₽

Сложная навигация, кроссплатформенные макеты

от 100 000 ₽

Дизайн системы, взаимодействия, UI-варианты

от 150 000 ₽

*Финальная стоимость зависит от логики, функций и визуальной проработки.

Цены указаны без НДС. НДС по ставке 5 % предъявляется дополнительно и включается в счёт.

Больше возможностей для вашего проекта

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

Ниши

Формат

Интернет-магазины
Недвижимость
Здравоохранение и стоматология
Рестораны и кафе
Салоны красоты
Образование
Строительство
Юридические услуги
Туризм и гостиницы
Логистика
Дизайн интерьеров
Ремонт квартир
Автосервисы
Маркетплейсы
Консалтинг
Фотографы

FAQ

Если не нашли ответа — напишите нам на info@toimi.pro.

Какие требования к дизайну мобильных приложений у аудитории Санкт-Петербурга?

Аудитория Санкт-Петербурга сочетает культурную утонченность с прагматичными ожиданиями к мобильным интерфейсам. IT-специалисты ИТМО и Политеха, премиум-аудитория Петроградки видят лучшие мобильные интерфейсы мира и ожидают сопоставимого качества. Эстетическая выверенность важна, но функциональная ясность и информационная плотность тоже. Цинизм петербургской аудитории к маркетинговым стимулам требует подлинных, не агрессивных решений. Стандарт WCAG 2.1 AA как минимум — особенно для медицинских и финансовых приложений с разнообразной аудиторией.

Какие технологии и инструменты дизайна используете?

Делаем дизайн в Figma — основной инструмент с возможностью совместной работы дизайнеров и разработчиков. Создаем дизайн-системы с компонентной библиотекой для iOS и Android. Соблюдаем iOS Human Interface Guidelines и Material Design 3 — родные паттерны платформ. Делаем интерактивные прототипы для тестирования и согласования с заказчиком. Используем Figma Mirror, Maze для пользовательского тестирования. Для сложной анимации — Lottie или нативная анимация через SwiftUI/Compose. Адаптивный дизайн для разных размеров экранов — от iPhone SE до iPad Pro и больших Android-устройств.

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

Дизайн MVP для одной платформы — 6-10 недель. Полный дизайн стандартного приложения для двух платформ с дизайн-системой — 10-16 недель. Сложный дизайн с расширенным функционалом, анимациями, доступностью, мультиязычностью — 14-22 недели. Дизайн медицинского приложения с учетом 152-ФЗ и клинических UX-паттернов — 14-22 недели. Финтех-приложение с биометрией и сложной финансовой логикой — 14-20 недель. Сроки сильно зависят от детальности проработки UX-исследования на старте.

Как делаете UX-исследование для мобильных приложений?

UX-исследование — основа дизайна. Интервью с целевой аудиторией — клиенты заказчика, потенциальные пользователи, эксперты. Контекстуальное наблюдение — смотрим как люди используют похожие приложения в реальной жизни. Юзабилити-тестирование прототипов с реальными пользователями. Анализ конкурентов и индустриальных бенчмарков. Изучение существующей аналитики, если приложение или сайт уже работает. Для медицинских приложений Санкт-Петербурга — отдельное внимание к разнообразной возрастной аудитории, к проблемам со зрением и моторикой у пожилых пациентов.

Как обеспечиваете доступность (accessibility) мобильных приложений?

Доступность критически важна. Соблюдаем WCAG 2.1 AA как минимум, для медицинских и социально значимых проектов — стремимся к AAA. Поддержка VoiceOver на iOS и TalkBack на Android — экранные читалки для незрячих. Поддержка крупного шрифта (Dynamic Type на iOS, Font Scale на Android). Достаточный контраст цветов — минимум 4.5:1 для текста. Большие зоны касания — минимум 44pt на iOS, 48dp на Android. Адекватная работа жестов — альтернативные способы для людей с моторными ограничениями. Тестирование с реальными пользователями с ограниченными возможностями.

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

Дизайн-система — основа для качественной разработки и долгосрочной поддержки. Компонентная библиотека с переиспользуемыми элементами — кнопки, поля ввода, карточки, диалоги, навигация. Дизайн-токены для цветов, типографики, отступов, теней — синхронизация между Figma и кодом (iOS, Android). Подробная документация для дизайнеров и разработчиков. Шаблоны типовых экранов. Темная тема с автоматическим переключением. Адаптация под разные размеры экранов. Это особенно критично для крупных приложений Санкт-Петербурга с длительным жизненным циклом — медицинских, корпоративных, финтех.

Как делаете дизайн для премиум-аудитории Санкт-Петербурга?

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

Какая поддержка дизайна нужна после запуска приложения?

Дизайн требует постоянной эволюции. Ежегодные обновления под новые версии iOS (новые гайдлайны, новые компоненты Apple) и Android (Material Design 3 эволюционирует). Развитие дизайн-системы — новые компоненты, рефакторинг существующих. Поддержка accessibility по мере выхода новых стандартов. UX-исследования и юзабилити-тесты для определения слабых мест. A/B-тестирование ключевых интерфейсов для оптимизации. Дизайн новых функций по продуктовому роадмапу. Для крупных приложений Санкт-Петербурга работаем в связке с продуктовой и инженерной командами заказчика.