![](https://adpass.ru/wp-content/uploads/2023/03/2f26ef0fe8c9c68fc3f7c10dfaa14731_16796565071184.png)
«Подорожник» для поездок: как мы создали сервис, который бережет нервы водителям и пассажирам
![](https://adpass.ru/wp-content/uploads/2024/07/image-a98eb345-65df-431d-90dc-8e672a730c63-1176x588.png)
Более 66% россиян пользуются услугами сервисов для поездок с разной периодичностью в течение года. Одни в них зарабатывают, а другие находят альтернативу автобусам и поездам. Однако водители часто не могут компенсировать расходы на поездки, а пассажиры боятся за свою безопасность.
О заказчике
К нам обратился заказчик с задачей разработать приложение, которое вмещало бы в себя функционал и обычного такси, и сервиса по поиску попутчиков типа BlaBlacar.
Он проанализировал работу в подобных сервисах и отметил причины, не дающие водителям и пассажирам полностью доверить свои поездки таким ресурсам. Поэтому нашей общей целью стало — не только создать альтернативный продукт, но и организовать целое дружелюбное комьюнити внутри него.
Сервис NTX — вовсе не про заработок водителей на поездках. Он о помощи друг другу, свободе в перемещении и выборе поездок.
Заказчик
О проекте
Наше мобильное приложение создано для планирования и бронирования поездок в режиме online. Основные его пользователи — пассажиры и водители легковых и грузовых авто.
Мы не изобрели велосипед, а усовершенствовали
BlaBlacar формирует дружелюбную позицию на рынке, но она легко разрушается, если изучить отзывы реальных пользователей.
Статистика
В среднем на 10 негативных комментариев о BlaBlaCar приходится лишь 1 положительный, и повезёт, если он опубликован меньше трёх лет назад.
Чтобы понять, почему BlaBlacar вызывает такую неприязнь, мы опросили 10 пассажиров и 10 водителей данного сервиса. Рассказываем, какую статистику нам удалось собрать:
Водители
Хотят все, а едут единицы. Пассажиры часто отменяют бронирования или перестают выходить на связь, заставляя водителей долго искать новых попутчиков.
Вы не знаете, кто сядет в машину. Зарегистрироваться в приложении можно через ресурсы и аккаунты, которые легко подделать или купить уже готовые в Интернете.
Нельзя установить стоимость поездки. Приложение самостоятельно рекомендует цену с учётом расходов на бензин и амортизацию. Иногда это неудобно, некоторые маршруты требуют больших ресурсных затрат.
Поездка из Смоленска в Москву обходится мне в 5000 рублей, но с BlaBlaCar нельзя установить цену выше 1600 за пассажира за такой маршрут. Я могу сделать мгновенное бронирование, при котором бронь попутчика подтверждать не нужно. Но тогда места достанутся тем, кого нужно довезти на полпути, забрать в другом городе или вообще фейкам.
Водитель из BlaBlaCar
Мнение водителя кого-то интересует? Оставлять отзывы о пассажире можно только при состоявшейся поездке, а узнать мнение о себе — лишь после публикации комментария о попутчике.
Пассажиры
Много мошенников. Нечестные люди пользуются тем, что сервис — всего лишь связывающее звено между водителями и попутчиками. Они публикуют фальшивые поездки с низкой ценой, требуют предоплату и крадут деньги с карт через фишинговые сайты.
Сложно понять, проверенный ли перед вами водитель. Многие аккаунты на BlaBlaCar с большим количеством отзывов просто продают и покупают.
Статистика
Мы изучили рынок фальшивых аккаунтов BlaBlaCar и установили, что один аккаунт с подтверждённым российским номером, рейтингом в пять звезд и несколькими отзывами стоит в среднем от 50 до 150 рублей. Поэтому чаще всего их покупают массово, а один мошенник владеет в среднем от 5 до 10 учётных записей.
Вместо заявленного минивэна может приехать газель. Пассажиры считают, что не так страшно, когда приезжает Lada Granta вместо Land Rover, но газель вместо минивэна… И это вовсе не шутки.
Сервис не допускает поездок на микроавтобусах, но мошенники обходят правила. Они указывают в объявлении одну машину, а приезжают на другой. И тогда вся ответственность ложится на пассажира, ведь только он решает — ехать или нет.
Поэтому мы решили создать продукт, который:
-
Предоставляет договорную цену за услугу;
-
Позволяет водителям выбирать удобные маршруты;
-
Допускает поездки не только на большие расстояния, но и по городу;
-
Создаёт безопасное пространство и гарантирует успешное завершение всех сделок;
-
Помогает решать любые нестандартные запросы пользователей.
Наши задачи
-
Создать среду для поиска попутчиков и бронирования поездок через объявления;
-
Предоставить водителям возможность выбирать в сервисе наиболее удобные поездки;
-
Внедрить личные чаты и систему отзывов, чтобы постоянно повышать качество обслуживания;
-
Интегрировать функцию SOS для решения нестандартных ситуаций;
-
Набрать базу пользователей с высоким вовлечением (% повторного использования сервиса) через пуш-уведомления;
-
Предложить рынку инновационный подход к сервисам для поездок с прозрачным и справедливым ценообразованием.
Наши решения
Аналитика
На старте проекта мы созвонились с заказчиком и выявили его боли, цели, потребности относительно разработки и желаемый функционал.
Анализ конкурентов.
Мы рассмотрели конкурентные приложения BlaBlacar, Boombilla, Dovezu, их последние обновления и часть функционала (профиль пользователя, фильтр поездок и регистрацию).
В ходе исследования выяснили, что лидирует BlaBlacar. Последнее обновление мобильного приложения было в марте 2023, а данные в открытых источниках говорили сами за себя:
![](https://adpass.ru/wp-content/uploads/2024/07/image-07999d4d-03d5-485c-b79e-eaaff7de794a-1176x663.png)
![](https://adpass.ru/wp-content/uploads/2024/07/image-ed83a137-cb26-405f-b363-b814a7507872-1176x663.png)
Не конкуренты.
Также изучили статистику близких к нашему функционалу сервисов. Один из них Boombilla:
![](https://adpass.ru/wp-content/uploads/2024/07/image-26159e2f-73d8-4530-ad98-df4ef4fafb3f-1176x663.png)
Копаем глубже.
Мы рассмотрели и тех, кто пока не имеет своего приложения. Так, по Dovezu нам удалось собрать следующие данные:
![](https://adpass.ru/wp-content/uploads/2024/07/image-4db33d08-d40d-4fe2-b8af-0f54fe5d0861-1176x663.png)
Приложения нет в сторах, а на сайте заявки появляются в среднем раз в месяц. Последняя актуальная версия на стороннем ресурсе размещения apk — от 2015 года.
Так мы выяснили, что единственным крупным конкурентом нашего сервиса является BlaBlacar. Он стремительно развивается и поглощает других. Но у нашего приложения есть ряд важных преимуществ.
Мы интегрировали:
-
Услуги в рамках одной локации. Это позволяет устанавливать точки перемещения не только между отдельными населенными пунктами, но и в пределах одного города.
![](https://adpass.ru/wp-content/uploads/2024/07/image-9403068e-f9ec-4cad-aca8-06b059899e2b-1176x663.png)
-
Интерактивную карту в реальном времени. Она отображает местоположение всех пользователей в режиме online, прокладывает полный маршрут и даёт возможность настраивать фильтры отображения на карте «под себя».
![](https://adpass.ru/wp-content/uploads/2024/07/image-e2b9055f-e6fa-49e5-884c-a12aa47d5d14-1176x663.png)
-
Бесплатную киллер-фичу «SOS». С ней можно оставить сообщение и попросить о помощи в нестандартных ситуациях.
![](https://adpass.ru/wp-content/uploads/2024/07/image-d663c283-a067-42b2-b784-a4197d3739eb-1176x663.png)
-
Точка встречи. Пассажир может указать свою точную геолокацию и сэкономить время двух сторон на определение места встречи в чатах и звонках. На отсутствие подобного, кстати, жалуются клиенты BlaBlacar.
![](https://adpass.ru/wp-content/uploads/2024/07/image-845d86cf-9771-4533-a774-e5f5533ec10f-1176x663.png)
Стоимость приложения.
Цикл разработки проекта был дольше обычного, так как работы были на какое-то время отложены заказчиком.
После нашего возвращения к проекту, мы адаптировали многие вещи под текущие реалии рынка. Последний цикл разработки был оценен в 10 месяцев. А стоимость приложения составила 3 883 000 руб.
Целевая аудитория продукта.
Мы провели несколько фокус-групп с потенциальной ЦА и собрали обратную связь пользователей известных сервисов, чтобы изучить их текущие потребности и ожидания от нового приложения.
-
Пол: мужчины и женщины.
-
Возраст: 25–60 лет.
-
Род деятельности: разнообразный — от рабочих и госслужащих до предпринимателей и водителей грузовых и легковых авто.
-
Уровень дохода: средний и ниже среднего.
-
География: маленькие города и посёлки России.
-
Интересы и хобби: участие в местных сообществах, путешествия, автомобили, спорт.
-
Ценности: доступное и комфортное передвижение по городской местности и за её пределами, поддержка местных сообществ.
-
Причина использования: поездки на работу, по делам, на встречи с друзьями и семьёй, посещения мероприятий, перевозка грузов.
-
Частота: регулярно — от нескольких раз в неделю до ежедневного использования.
Респонденты отмечают, что в среднем на поиск поездки в маленьком городе уходит около часа. Они ищут альтернативу традиционным сервисам, чтобы избежать высоких тарифов и неудобных маршрутов, и уверены, что, договариваться с водителем о стоимости и условиях поездки было бы удобней.
После проведения аналитики мы предоставили заказчику:
-
Кликабельный прототип — наглядный инструмент для демонстрации интерфейса и функционала продукта до начала разработки;
-
Макеты экранов для полного представления визуальной части приложения;
-
Гипотезы и прогноз для эффективного планирования бюджета и ресурсов заказчика;
-
ТЗ для контроля процесса разработки, последующей оценки качества, тестирования и приёмки проекта.
Дорожная карта
Для ведения проекта мы создали дорожную карту, чтобы вести разработку чётко по спринтам и отслеживать статусы всех задач.
![](https://adpass.ru/wp-content/uploads/2024/07/image-7f2051be-cbc5-4f99-8541-b5f4872bd277-1176x663.png)
Пример дорожной карты для разработки мобильного приложения NTX
Раз в две недели мы показывали заказчику сборки прототипов приложения. Он тестировал, давал обратную связь, насколько грамотно и удобно выстроена логика сервиса, а также проводил А/Б тесты с потенциальными пользователями, которые тоже оценивали работу приложения.
Дизайн-система
После аналитики и утверждения концепта мы создали UI-Kit. Так нами были разработаны:
Логотип мобильного приложения.
![](https://adpass.ru/wp-content/uploads/2024/07/image-6fb99ee6-0a99-4de9-9119-1528357f48af-1176x663.png)
На двух буквах добавлены штрихи, отсылающие к дорожной разметке. Знак выполнен в виде человека, где туловище — символ уведомления о запросе, а голова — символ геометки. Такая идея родилась из слов заказчика о том, что ЦА сервиса — преимущественно жители маленьких городов и посёлков.
Иконки и текстовые поля.
![](https://adpass.ru/wp-content/uploads/2024/07/image-44bf2f2f-5a3f-40e1-8e6d-425ceab1e3c3-1176x663.png)
Все элементы лаконичны. В качестве основных цветов использованы: серый, чёрный, зелёный и красный.
Это позволило добиться единого стиля всего проекта. С сервисом легко взаимодействовать, так как все его элементы и их функции знакомы и понятны.
Кнопки.
Для дизайн-системы мобильного приложения мы разработали несколько вариантов одних и тех же кнопок. Они изменяются при нажатии, активации и неактивности.
Все кнопки представлены в трёх цветах, поэтому интерфейс легко адаптируется под две темы приложения (светлая и тёмная). Так, тёмно-синие кнопки созданы для светлой темы, светло-голубые — для тёмной. Ярко-синяя кнопка — акцентная на любой из тем, а серая — линейная и второстепенная, обозначает дополнительное действие.
![](https://adpass.ru/wp-content/uploads/2024/07/image-95dd09b9-c967-4fd8-b26a-3d2998a9539f-1176x663.png)
UX-design и разработка
Загрузка приложения.
При разработке экрана загрузки мы следовали правилу трёх секунд — это время, за которое каждый может оценить сервис. Поэтому здесь мы создали дизайн в стиле компании, с удобными для восприятия решениями: логотипом и коротким слоганом.
Особое внимание уделили индикатору загрузки, который уведомляет о процессе и состоянии загрузки самого приложения. При слабом интернете отображается только статус в процентах.
Так мы добились грамотной визуальной оптимизации, которая удерживает аудиторию в приложении.
![](https://adpass.ru/wp-content/uploads/2024/07/image-389b6846-8c74-4be0-84c5-0a2f6da17e69-1176x663.png)
Авторизация и регистрация.
Реализовали регистрацию и авторизацию через пароль и телефон для защиты профилей пассажиров и водителей. Без идентификации доступ невозможен, что гарантирует безопасность всех сделок. А автоподмена пароля облегчает вход.
![](https://adpass.ru/wp-content/uploads/2024/07/image-0b6ebb2d-8525-47dc-aa2f-2e903f858e6a-1176x663.png)
Также мы интегрировали готовый модуль от СМС.РУ: при авторизации или смене пароля приходит сообщение с кодом.
Таб бар.
Через него можно перейти на самые популярные разделы приложения: главную страницу, раздел с объявлениями, в карты и чаты. Тянуться через весь экран к главным разделам не придётся. Всё доступно в одно касание.
![](https://adpass.ru/wp-content/uploads/2024/07/image-6274b976-973e-4250-9b02-39713460df28-1176x663.png)
Отзывы.
В MVP версии установлен лимит на отзывы в 500 символов — оптимальное количество, чтобы и по делу всё рассказать, и не занять много времени на прочтение.
Сейчас отзывы можно редактировать и удалять через админ панель. В будущем добавится и внутренняя модерация на нецензурную лексику.
![](https://adpass.ru/wp-content/uploads/2024/07/image-4213688d-c653-4a33-8853-2098beb906a7-1176x663.png)
![](https://adpass.ru/wp-content/uploads/2024/07/image-0169320c-a446-42d9-82eb-afb9a93d3af8-1176x663.png)
Объявления.
Отдельно мы разработали экран со всеми объявлениями. Они сразу сортируются по отправителю: от пользователя или от водителя. На этих же кнопках мы разместили количество активных объявлений на данный момент. Это позволяет каждому быстро находить то, что ему нужно, и не фильтровать всё вручную.
![](https://adpass.ru/wp-content/uploads/2024/07/image-17bd5f85-c9d8-434d-bac1-63ca140bff81-1176x663.png)
Объявления от пользователей.
Создавая объявление, пользователь указывает, откуда и куда он планирует поехать, а затем выбирает наиболее понравившуюся поездку. Это условие сохраняется для водителей и для пешеходов, но водители дополняют объявление ещё и количеством свободных мест в своём автомобиле. Если среди всего списка не нашлось ничего по душе — можно просто его обновить и увидеть новые предложения.
![](https://adpass.ru/wp-content/uploads/2024/07/image-7997f7eb-9cf7-46a5-bab8-e77623a7a83f-1176x663.png)
Здесь также мы внедрили возможность установить дату поездки: удобно и без лишних переходов.
![](https://adpass.ru/wp-content/uploads/2024/07/image-ed5a0cbb-c017-4d7c-bbd5-8d513086c462-1176x663.png)
Перевозка грузов.
Для перевозки грузов функционал и логика остаются теми же, плюс добавлена кнопка с выбором действия, что упрощает работу в NTX.
![](https://adpass.ru/wp-content/uploads/2024/07/image-47b0a867-10e3-4bc0-8e26-9e6ceaea8eab-1176x663.png)
Создавать целую переписку с уточнением различных нюансов тоже не придётся. Ведь в объявлении можно указать габаритность груза и оставить комментарии.
![](https://adpass.ru/wp-content/uploads/2024/07/image-59284b57-09a6-4deb-9575-1c8214ec1feb-1176x663.png)
Поиск по карте.
Сейчас мы тестируем разделение «Откуда» и «Куда» на два разных экрана. Наше решение обосновано тем, что ЦА приложения привыкла к заполнению двух полей.
![](https://adpass.ru/wp-content/uploads/2024/07/image-dc6d3d66-d710-4b80-830c-f3941ec6ed56-1176x663.png)
Для этой части мобильного приложения взяли готовый модуль Яндекс карт, интегрировав прокладку маршрута, отслеживание, определение геопозиции и движение в режиме online.
Личные чаты.
Пользователи могут общаться друг с другом, если находятся в одной активной поездке. Так можно решать любые задачи, не переходя в другие мессенджеры.
![](https://adpass.ru/wp-content/uploads/2024/07/image-7b8fe40a-0dd5-4167-be69-f640f94ce47c-1176x663.png)
В открытом чате есть возможность принимать или отклонять входящие запросы, что исключает переход с одного экрана на другой.
![](https://adpass.ru/wp-content/uploads/2024/07/image-3f9f1b3a-f5b7-4835-9c3d-2efe1ac4298f-1176x663.png)
Все активные и неактивные запросы отображены в виде списка на отдельном экране, при желании их можно удалять.
![](https://adpass.ru/wp-content/uploads/2024/07/image-bdcef7a0-e029-45ef-b52f-082bcfe8f0f8-1176x663.png)
А уведомления из них отправляются на устройство через внедрённый готовый модуль FireBase.
Сигнал SOS.
Главная фича приложения — функция SOS. Она позволяет пользователям просить друг друга о помощи в экстренных ситуациях. А указание геолокации даёт возможность привлечь внимание тех, кто находится ближе всего. И в подобных случаях личный чат доступен без активной поездки.
На карте такие пользователи и их местоположение выделяются особым знаком, который информирует остальных о том, что кому-то рядом нужна помощь, и сразу отображает статус просящего:
Знак машины — помощь нужна водителю;
Восклицательный знак — помощь нужна пассажиру.
![](https://adpass.ru/wp-content/uploads/2024/07/image-7e29cb2b-c697-441a-b8bd-07d775a4e637-1176x663.png)
Для того, чтобы попросить о помощи, нужно нажать на отдельную кнопку в верхней панели, в отдельном всплывающем окне отметить свою роль и кратко описать просьбу.
Закрывается запрос при нажатии на одну из двух кнопок внизу экрана. Но отменить сигнал сразу не получится, сначала приложение запросит у пользователя на это разрешение. Так можно избежать ситуаций, когда кнопка может быть нажата случайно, а помощь будет по-прежнему требоваться.
![](https://adpass.ru/wp-content/uploads/2024/07/image-edc617a4-ffef-4f0a-a799-cb5c584e5223-1176x663.png)
Рекламные баннеры.
Монетизируется приложение через размещение рекламных баннеров в самых популярных разделах: в объявлениях, личном профиле и чатах.
![](https://adpass.ru/wp-content/uploads/2024/07/image-23ec6507-fec2-4547-a771-c4e6dbe32f9e-1176x663.png)
Рекламные баннеры в разделе объявлений и в списке чатов
Вызовы
Постоянные изменения
Изначально у нас не было качественного примера подобного приложения, на которое мы могли бы ориентироваться. Поэтому мы постоянно генерировали идеи и сразу проверяли их на потенциальной ЦА. И в итоге это помогло понять, чего хотят потребители и что им будет удобнее использовать.
Коммуникация в команде
Кроссплатформенная разработка вызвала сложности в распределении задач между командами КММ, iOS и Android.
Иногда разработчики КММ не понимали, как выстраивать взаимодействие с платформенными разработчиками. Они часто придумывали что-то на КММ, начинали реализовывать у себя, а потом отдавали iOS и Android-разработчикам, что вызвало конфликты.
Проджект-менеджер
Но мы не растерялись и решили:
-
1. Описывать общий контракт для каждого модуля перед началом его разработки;
-
Вводить документацию в виде диаграмм;
-
Совместно обсуждать проектирование перед началом разработки.
Интеграция Swift UI и Kotlin Multiplatform
Наш проект был разработан на новых технологиях, которые ранее не использовались. Поэтому мы внимательно читали код, мониторили разные кейсы и в совместном обсуждении придумывали методы решения задач.
Проблема дистрибуции КММ ядра
Изначально любой проект разрабатывается в своей среде, в которой он и компилируется, но у КММ есть свои нюансы. На старте разделили разработку на три репозитория для ограничения зон ответственности, но это привело к проблеме: платформы разные, системы разные, а собрать нужно для всех.
Решение:
-
Android-разработчики подключали модуль как отдельную библиотеку.
-
iOS разработчики придерживались того же принципа отдельно библиотеки, но в другом подходе. Для них KMM модуль собирался как фреймворк для подключения с помощью CocoaPods.
Не все решения кроссплатформенные
КММ — сама по себе относительно новая технология. Поэтому не все решения, которые использовали на Android и iOS раньше, имеют мультиплатформенность. И тот же модуль Яндекс требовал отдельной разработки под разные платформы.
Целью нашей разработки стало выносить как можно больше логики на сторону КММ, чтобы всё было в одном месте.
Android-разработчик
Новички в проекте
Не все новички были готовы сразу работать с нашими фреймворками, поэтому мы подтягивали каждого.
Моей важной задачей стало помочь другим разобраться. Ведь всегда можно уделить время на созвон, ответить на вопросы коллеги и развернуть весь проект.
iOS-разработчик
Результаты
Сейчас у нас уже есть две готовые сборки на Android и iOS. В ближайшее время мы закончим работу и приступим к выпуску приложения в сторы.
Команда
-
1 проджект-менеджер;
-
3 тимлида (Back-end, iOS, Android);
-
6 разработчиков — по два на каждую платформу;
-
2 дизайнера;
-
1 аналитик;
-
2 QA.
Что дальше?
Сейчас сервис находится на финальной стадии разработки. В ближайшее время мы выпустим MVP в AppStore и GooglePlay, а затем проведём первую итерацию доработок после детального продуктового ревью.
Отличная статья! Где мне найти другие кейсы и задать вопросы?
-
Welme: Знакомства без свайпов, или Как мы сделали замену Тиндеру;
-
тг-канал CEO Дмитрия Коркина (рассказываем о бизнесе, внутрянке и не только);
-
почта: hello@joy-dev.com.
Лучшее в блогах
Вам понравится
![](https://adpass.ru/wp-content/uploads/2023/03/2f26ef0fe8c9c68fc3f7c10dfaa14731_16796565071184.png)
![](https://adpass.ru/wp-content/uploads/2023/03/2f26ef0fe8c9c68fc3f7c10dfaa14731_16796565071184.png)
![](https://adpass.ru/wp-content/uploads/2023/06/571c56e273005dea857fe4e8971e8e60_16857223485109.png)
![](https://adpass.ru/wp-content/uploads/2024/06/02e8caef4723c7d4bf78c9847a1c8968_17181033983597.png)
Otsfera — центр охраны труда и обучения специалистов. «Промтехносфера» был создан в 2019 году и предлагает широкий спектр услуг в области охраны труда: от обучения специалистов до защиты интересов организаций в суде, а также разработку документов по охране труда и аутсорсинг по охране труда в Санкт-Петербурге.
![](https://adpass.ru/wp-content/uploads/2024/08/image-4625f8f3-883f-42ee-8d1f-c2c1f56b140e.png)