Перейти к содержанию

2026 / Продукт · Дизайн · iOS

PRO МАРШРУТ

Маркетплейс автоинструкторов Москвы: поиск по экзаменационной площадке ГИБДД, запись и чат, ПДД в 3D, Live Activity и режим инструктора — концепция, дизайн и прототип на iPhone.

3D

билеты ПДД, которые можно покрутить

Задача

Искать не инструктора рядом, а того, кто знает твою площадку

Команда автоинструкторов PRO МАРШРУТ готовит к экзамену по маршрутам ГИБДД Москвы и области, а заявки собирает через Авито и мессенджеры. Мы разобрали рынок — Профи.ру, YouDo, Яндекс Исполнители, Авито Услуги, «Мой инструктор» — и предложили своё приложение: с видеопрофилем, свободными окнами, чатом, записью и честными отзывами.

  • Одно приложение — две роли

    Ученик и инструктор входят в одно приложение, инструктор переключается в свой режим — как хозяин жилья в Airbnb.

  • Площадка ГИБДД — центр поиска

    Не «инструктор рядом», а «кто подготовит к экзамену в Строгино».

  • Два сценария

    «Готовлюсь к экзамену» и «Права есть, хочу вспомнить» — с разными правилами записи.

  • Честная механика

    Без платных откликов: инструктору вход бесплатный, отзывы — только после занятия.

Платформы
Прототип на iPhone; в ТЗ — App Store, Google Play и RuStore
Роли
Ученик и инструктор
Экраны
40+ в прототипе, доска из 15 ключевых
Этап
Концепция, прототип и ТЗ — на согласовании

Ученик

От площадки до занятия — за пару касаний

Главная показывает, сколько дней до экзамена и насколько ученик готов. Поиск идёт по площадке, коробке и времени, выдача — списком или на карте. В карточке инструктора видео-знакомство, а площадка ГИБДД открывается отдельным экраном со схемой маршрута.

  • Главная. Экзамен через 12 дней, готовность и площадки

    Главная

    Экзамен через 12 дней, готовность и площадки

  • Выдача. Инструкторы под площадку, коробку и время

    Выдача

    Инструкторы под площадку, коробку и время

  • Карта. Те же инструкторы на карте с ценой занятия

    Карта

    Те же инструкторы на карте с ценой занятия

  • Инструктор. Видео-знакомство, машина, коробка и отзывы

    Инструктор

    Видео-знакомство, машина, коробка и отзывы

  • Площадка ГИБДД. Схема маршрута экзамена и сложные места

    Площадка ГИБДД

    Схема маршрута экзамена и сложные места

  • Запись. Окна по дням, длительность и место встречи

    Запись

    Окна по дням, длительность и место встречи

  • Место встречи. У метро, на парковке или свой адрес

    Место встречи

    У метро, на парковке или свой адрес

  • Занятия. Готовность по элементам площадки

    Занятия

    Готовность по элементам площадки

  • Отзыв. Только после занятия — и по делу

    Отзыв

    Только после занятия — и по делу

  • Чат. Переписка с инструктором внутри приложения

    Чат

    Переписка с инструктором внутри приложения

Имена, цены и рейтинги в прототипе — условные.

ПДД в 3D

Билеты, которые можно покрутить

Вместо картинок из билетов — живые перекрёстки в 3D на SceneKit: сцену можно вращать, машины едут в выбранном порядке, а разбор ссылается на пункт ПДД. Ниже — те же три ситуации из прототипа, перерисованные для сайта. Попробуйте.

ВыЖёлтыйБелый

Кто проедет первым?

Нажмите на машины в порядке проезда

    Сцена в 3D: равнозначный перекрёсток и вопрос «Кто проедет первым?»
    Ответ «Верно» с разбором и ссылкой на пункт ПДД
    Экзаменационный билет: вопрос, схема и варианты ответа

    Занятие в реальном времени

    Инструктор в пути — видно на экране блокировки

    Live Activity и Dynamic Island ведут занятие от выезда инструктора до отзыва: в пути, на месте, идёт занятие, завершено. Подтверждения и напоминания приходят уведомлениями, а виджеты показывают ближайшее занятие и сколько дней осталось до экзамена.

    Экран блокировки с Live Activity: инструктор на месте, время до начала занятия
    1. В пути
    2. На месте
    3. Идёт занятие
    4. Завершено
    Dynamic Island в развёрнутом виде: инструктор на месте, кнопки «Написать» и «Как дойти»
    Dynamic Island в компактном виде

    Инструктор

    Режим инструктора — рабочий кабинет в кармане

    Занятия и заработок за день, новые заявки с ответом в течение двух часов, расписание с окнами и объявление с видео — инструктор ведёт учеников без таблиц и звонков.

    • Сегодня

      Сегодня

    • Заявки

      Заявки

    • Расписание

      Расписание

    • Объявление

      Объявление

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

    Вечерняя сцена и свет площадок

    Референсы клиента — приложения «Дринкит» и Secret Kitchen. Отсюда тёмная сцена, где инструктор и машина становятся героями экрана, стеклянные элементы iOS и цветное свечение: у площадок ГИБДД свой свет.

    Палитра

    • Асфальт#0D0D0F
    • Графит#17171A
    • Мокрый асфальт#242428
    • Разметка#F5F4EF
    • Туман#9A9AA2
    • Сигнал#D92B2B

    Свет площадок

    Шрифты

    Сдай с первого раза

    Sofia Sans Extra Condensed 800 — заголовки

    Инструктор приедет к метро «Строгино» за 15 минут до занятия.

    Onest — интерфейс и текст

    Иконка приложения: красный треугольник со знаком «У» на чёрном

    Чего в продукте не будет

    • Платных откликов
    • Эмодзи вместо иконок
    • Фиолетовых градиентов
    • Обещаний «гарантированной сдачи»

    ТЗ и архитектура

    Одна кодовая база — три магазина

    Для боевой версии зафиксировали стек: React Native и Expo — одна кодовая база для App Store, Google Play и RuStore, сервер на Node.js, данные в российском облаке по 152-ФЗ. Вход по номеру через звонок с кодом, платежи — через форму банка, карты — на собственных тайлах.

    Схема архитектуры: приложения iOS и Android и админ-панель, API в российском облаке, PostgreSQL, Redis, Centrifugo, S3 и внешние сервисы

    Итог

    Что получил клиент

    Концепция и техническое задание первой версии — на согласовании с клиентом.

    • Концепция маркетплейса и разбор рынка
    • Дизайн-система и доска ключевых экранов
    • Прототип на iPhone — больше 40 экранов
    • ПДД в 3D на SceneKit
    • Live Activity, Dynamic Island и виджеты
    • Техническое задание первой версии