Мобильное приложение KidiSpot и веб-админка

Контекст

KidiSpot — сервис аренды детских электромобилей. В 2023 году после удачного сезона с веб-версией стартап решил запустить мобильное приложение к следующему сезону.

Исследование

Отправной точкой стал отчёт аналитика о проблемах текущих пользователей и 5 интервью, которые я провела. Выяснила несколько ключевых моментов:

• важно видеть изображение машинки, чтобы родитель мог показать её ребёнку;
• нужна мультиаренда, чтобы один родитель мог взять несколько машинок;
• поддержка и оценка поездки должны быть прямо в приложении: родители хотят решать проблемы не выходя из него, а фидбек в конце помогает сервису улучшаться.

Конкурентный анализ

Приложений для шеринга детских машинок на рынке нет, поэтому смотрела на кикшеринг и каршеринг. Анализировала с учётом особенностей аудитории.

У Юрента все самокаты одинаковые, поэтому нет смысла делать акцент на внешнем виде. У KidiSpot машинки разные и попадают под разные возрастные категории. Важно показать больше ключевой информации, чтобы пользователь сразу понял, какая машинка подходит его ребёнку.

Тестирование

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

Проверяла, достаточно ли информации на экране выбора, чтобы принять решение, и понятно ли, как пользоваться приложением в целом. Выяснилось, что крупные изображения машинок работают хорошо — ребёнок сразу видит, что выбирать. Но вся ключевая информация для родителя (возраст, вес, скорость) была внутри карточки, до которой ещё надо было дойти.

После теста вынесла теги с основными характеристиками прямо на экран со списком. На повторном тестировании родители сразу понимали, подходит ли машинка их ребёнку, не заходя в карточку.

Решение

На главном экране только карта и кнопка сканирования — найти парковку на карте и отсканировать QR-код на машинке, чтобы начать аренду быстро.

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

Два основных тарифа вынесены на кнопки, теги помогают быстро сориентироваться по характеристикам.

Мультиаренда: можно взять несколько машинок с одного аккаунта и управлять ими с одного экрана.

Завершение с фотофиксацией, итоговая стоимость и оценка поездки.

Веб-админка

Приложение запустили, пользователи пошли, парк машинок стал расти. И тут операционная проблема стала критичной: управлять парком вручную больше не получалось.

Статусы в Excel, сотрудники ездили на объекты, чтобы проверить машинки, данные о поездках собирались разрозненно. Я спроектировала веб-админку с нуля.

Ключевые разделы

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

Список всех машинок с фильтрами по статусу, заряду и локации. В карточке — всё про конкретную машинку: трекер, тарифы, местоположение, история поездок.

Редактирование границ локации прямо на карте — сотрудники управляют зонами парковки без выезда на объект.

Карта в реальном времени показывает, где находится каждая машинка и её текущий статус.

Результат