Клиент
MC Intermark Auto — компания, предоставляющая услуги по операционному лизингу автомобилей юридическим лицам.
Клиент может обратиться в компанию для:
- аренды машины или автопарка;
- управления корпоративным автопарком;
- покупки автомобилей.
MC Intermark Auto работает в 150 городах России, обслуживает более 7 000 машин и сотрудничает с 1400 поставщиками.
Задача
Нашей целью была разработка личного кабинета с двумя типами учетных записей для MC Intermark Auto.
У заказчика есть сайт, на котором клиенты могут ознакомиться с услугами и позвонить менеджеру, чтобы оставить заявку на получение услуг лизинга. После заключения договора вся дальнейшая работа тоже велась по телефону.
Это было неудобно как для компании, так и для клиентов — специалисты тратили много времени на обслуживание каждого контрагента. Также это увеличивало затраты на дополнительный персонал. А возможности личного кабинета были ограничены: клиент мог только подать заявку на ТО, в то время как в онлайне можно было бы решать намного больше клиентских запросов.
Заказчик обратился к нам за обновлением ЛК для флит-менеджеров и водителей. Нам предстояло автоматизировать и упростить процессы для специалистов компании и ее клиентов.
Пользователи, которые будут использовать ЛК:
- Флит-менеджер — это пользователь, управляющий автопарком. Для этой роли в кабинете нужно было реализовать просмотр документов по каждому автомобилю, создание заявок на ТО и отчеты.
- Водитель — пользователь, арендующий машину. Ему необходимо просматривать данные по автомобилю, закрепленному за ним.
- Администратор — менеджер, который помогает пользователям и управляет учетными записями. Ему нужно было дать следующий функционал: блокировка участников, сбрасывание паролей, привязка и отвязка машин за контрагентом, редактирование контента, управление списками файлов и обращениями.
Задачи проекта:
- Создать два типа учетных записей — для управляющего автопарком на стороне клиента и пользователя автомобиля.
- Реализовать двустороннюю интеграцию с «1C: Управление Автотранспортом».
- Учесть управление контентом через административную панель.
- Добавить оплату штрафов напрямую из личного кабинета.
- Реализовать отправку заявок.
- Предоставить пользователям доступ к информации по каждому транспортному средству, а также к статистике, документам, полисам и отчетам.
- Создать дашборд с виджетами, чтобы контрагент видел ключевые данные на одном экране.
Решение
Наша команда разработала удобный интерфейс личного кабинета, в котором пользователи могут найти всю информацию по автопарку или автомобилю.
На этапе проектирования мы подготовили прототипы регистрации в личном кабинете, а также варианты доступных опций для водителей и флит-менеджеров. Так разные пользователи получают свой функционал в ЛК. Основные данные отображаются на дашборде, который открывается после перехода в ЛК.
Затем сделали дизайн-концепцию в двух темах — светлой и темной. Главным и контрастным цветом стал красный.
На основе концепции подготовили UI kit с основными блоками и элементами личного кабинета. При работе с макетами учли разные типы устройств и показали все возможности личного кабинета: как работают отчеты, где смотреть заявки и куда обращаться, если есть вопросы.
ЛК разработали с помощью Laravel, PHP и Vue.js. Также использовали базы данных — Redis и PostgreSQL. Добавили следующие интеграции:
- 1C — для управления информацией по клиентам и обращениями.
- Банк-партнер — для удобной оплаты штрафов.
При входе в личный кабинет пользователь может выбрать тип учетной записи с помощью ползунка. При этом для каждого профиля меняются поля:
- Управляющий автопарком вводит номер контрагента.
- Для доступа к роли водителя нужно указать VIN — идентификационный номер транспортного средства.
Далее рассмотрим функционал каждой учетной записи.
Флит-менеджер
Управляющему автопарком предоставлены расширенные возможности, чтобы он мог отслеживать общую информацию и данные по каждому автомобилю.
Дашборд
На дашборде пользователь может удалять и добавлять виджеты с информацией:
- со статусами машин в колонке «Автопарк»;
- об активных заявках;
- по штрафам;
- о счетах.
Выбранные виджеты автоматически сохраняются. Менеджер может нажать на виджет и перейти в соответствующий раздел, чтобы подробнее изучить сведения.
Автопарк
В этой вкладке пользователь видит полный список машин, который находится в автопарке. В таблице указана ключевая информация и статусы — например, автомобиль находится на обслуживании или на выезде.
С помощью фильтров можно отсортировать машины и быстро найти транспортное средство. Например, ввести VIN, государственный номер, дату возврата или пробег. Это удобно, когда у менеджера большой автопарк и ему требуется проверить несколько ТС или конкретную модель.
Также менеджер может настроить колонки в таблице, чтобы отслеживать необходимые данные. К примеру, выбрать информацию о полисах, город эксплуатации и так далее.
Если пользователю нужно выгрузить данные — он может воспользоваться кнопкой «Excel», настроить поля таблицы и скачать документ. В случае, если машине требуется обслуживание, например, после аварии — эта информация отображается в разделе «Восстановительный ремонт».
Данные по автомобилю
В разделе «Автопарк» пользователь нажимает на выбранное ТС и видит данные по конкретной машине:
- Характеристики автомобиля.
- Условия договора.
- Водители.
- Полисы.
- Заявки.
- Штрафы.
Если клиент хочет приобрести машину, ему достаточно подать заявку в этом разделе, нажав на кнопку «Выкуп ТС». Такая услуга популярна, так как управляющий может быть доволен именно этой моделью, знает, как она себя ведет на дороге — и машина стоит дешевле нового авто.
Заявки
В этой вкладке пользователь отслеживает все заявки — например, свежие или те, что находятся в работе. Система работы с таблицей та же, что и с данными по автопарку — можно сортировать колонки и выгружать информацию. Над таблицей есть две вкладки — от кого была подана заявка: водитель или менеджер.
Вверху слева можно нажать на кнопку «Новая», чтобы заполнить заявку. Также это можно сделать через меню или виджет на дашборде. В начале необходимо указать категорию обращения и перейти к заполнению формы. Когда пользователь введет VIN, система автоматически подтянет данные.
Штрафы
В данной вкладке можно найти полную информацию по штрафам: новые, оплаченные, обжалованные и неоплаченные. В таблице также есть фильтр и выгрузка данных в формате XLSX и PDF. Оплата одного и нескольких штрафов доступна после выбора одного номера VIN. При наведении на колонку с нарушениями можно получить подробную информацию, за что именно был выписан штраф.
Работа с документами
Мы облегчили работу с документацией для менеджеров — теперь все данные находятся в одной системе, а для создания отчетности появилась отдельная функция. Например, есть раздел со страховыми полисами, счетами с разбивкой по статусам и другими документами.
Отчеты
Для удобства менеджеров и руководства мы сделали конструктор отчетов с более чем 50 чек-боксами для настройки. С этой функцией пользователи могут выгружать стандартную статистику и создавать собственные ведомости.
Слайды новостей
В слайдере меню добавили блок с новостями, в котором сотрудники MC Intermark Auto размещают акции, персонализированные предложения и события компании. Это дополнительный маркетинговый инструмент для взаимодействия с клиентами.
Водитель: функции для управления автомобилем
В учетной записи водителя также можно выбирать виджеты, сортировать и выгружать таблицы, видеть актуальные предложения и обращаться за помощью к сотрудникам MC Intermark Auto.
На дашборде высвечиваются виджеты по заявкам и штрафам, а ниже дана информация о транспортном средстве. Пользователь может нажать на нее и перейти в более подробную карточку машины. Она выглядит так же, как и в личном кабинете флит-менеджера.
В меню доступны следующие разделы:
- Заявки.
- Штрафы.
- Документы.
- Отчеты.
- Контакты.
Также в личном кабинете клиент может оставить онлайн заявку на ТО вместо звонка, сообщить о страховом случае, составить отчет и в любой момент обратиться в любой документации по автомобилю, которым он пользуется.
Удобная функция — онлайн-оплата штрафа. В личном кабинете водитель видит уведомление о штрафе и может сразу оплатить его на той же странице, не переходя в другие сервисы.
Результат
Нам удалось реализовать все требования заказчика, улучшить пользовательские пути и создать удобный интерфейс личного кабинета. Основная часть процессов автоматизирована — это позволяет компании сосредоточиться на более важных бизнес-задачах.
Личный кабинет компании взял бронзу в конкурсе Tagline Awards в номинации «Лучший сайт авто и мото»
Итоги проекта:
- Проработанная структура интерфейса ЛК помогает пользователям быстро найти необходимую вкладку и информацию по автопарку или конкретной модели машины.
- Удобная административная панель позволяет менеджерам компании оперативно решать задачи пользователей и добавлять персонализированные новости.
- В каждой учетной записи собран необходимый функционал для удобства работы флит-менеджера и водителя.
- Автоматическая загрузка данных при вводе VIN или других параметров авто позволяет быстрее находить информацию и подавать заявки.
- Настраиваемые таблицы и дашборд с виджетами также ускоряют доступ к данным и не требует усилий от пользователя.
- Интеграции с сервисами позволяет клиентам работать в одном кабинете и не переключаться между сайтами.
Отзыв
Мы обратились в Атвинтe для создания сервиса предоставления автомобилей в лизинг. Сотрудники всегда были на связи и оперативно обрабатывали наши запросы. Команда сумела воплотить наши идеи в современном и удобном интерфейсе, который стабильно и быстро работает. Они также успешно справились с несколькими техническими вызовами, предложив наиболее эффективные решения. Проект запущен в срок и в рамках установленного бюджета. Сейчас студия продолжает оказывать техническую поддержку, улучшать сервис, предлагая и внедряя новый полезный функционал. Команда Атвинта взяла на себя решение технических вопросов, связанных с интеграциями на стороне подключаемых сервисов.
Марина Галуза
Проектный менеджер
МС Интермарк Авто
Продолжение сотрудничества
Мы сотрудничаем с заказчиком уже четвертый год и продолжаем развивать и поддерживать функционал личного кабинета.
