Mobile app · Design system · Android & iOS

Городские парковкиОдин пилот для линейки региональных приложений

Разработка общей дизайн-системы на основе приложения «Парковки Санкт-Петербурга».

Продукт
Линейка парковочных приложений
Задача
Создать общую дизайн-систему
Моя работа
UX/UI · Components · Android 14 · iOS 18

Пилотом стали «Парковки Санкт-Петербурга»

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

Что должна была учитывать система

  1. 01

    Устаревшая база

    Часть интерфейсных решений была рассчитана на Android 11 и требовала обновления под актуальные платформы.

  2. 02

    Две платформы

    Компоненты и состояния нужно было привести в соответствие с требованиями Android 14 и iOS 18.

  3. 03

    Другие регионы

    Система должна была учитывать повторное использование компонентов и адаптацию региональных сценариев.

Сначала решения проверяли в пилотном приложении, затем переносили в общую систему.

Что переработали в пилоте

Для «Парковок Санкт-Петербурга» обновлены ключевые пользовательские сценарии и связанные компоненты. Интерфейс приведён в соответствие с требованиями Android 14 и iOS 18 вместо прежней базы под Android 11.

  • Переработаны карта, поиск и выбор парковки
  • Обновлены регистрация и авторизация
  • Собраны компоненты и состояния модальных сценариев
  • Учтены требования Android 14 и iOS 18
Обновлённый интерфейс городских парковок

От карты до оплаты парковки

Три экрана показывают основную логику приложения без длинной галереи состояний.

Карта парковочных зон в приложении
01Карта

Зоны, стоимость и ближайшие парковки видны в одном экране.

Карточка выбранной городской парковки
02Выбор парковки

Перед оплатой пользователь видит адрес, тариф, время работы и доступные места.

Экран оплаты городской парковки
03Оплата

Экран собирает тариф, номер билета, стоимость и доступный способ оплаты.

Дизайн-система для региональных приложений

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

Посмотреть макет в Figma ↗
Откроется в новой вкладке