Разработка маркетплейса автосервисов для Великобритании
с интеграцией государственных сервисов

Как сделать удобный сервис для записи на техобслуживание c умным поиском по автомастерским и личными кабинетами для мастеров и клиентов на React и Next
Клиент: маркетплейса автосервисов и веб-платформы Garage.

Отрасль: техобслуживание автомобилей.

Услуги:

  • Разработка высоконагруженной веб-платформы;
  • Проектирование архитектуры цифрового сервиса;
  • Разработка личных кабинетов;
  • Создание маркетплейса услуг;
  • Разработка системы онлайн-бронирования;
  • Интеграция с государственными API;
  • Интеграция сторонних сервисов и календарей;
  • Разработка бизнес-логики;
  • Автоматизация коммуникаций;
  • SEO-оптимизация React-приложения с использованием Next.js.

Технологии: Symfony, React, Next.js, JavaScript, Mercure, Server-Sent Events (SSE), Customer.io, Twilio, Google Calendar API, Microsoft Outlook Calendar, Apple Calendar, API государственных сервисов Великобритании.

О проекте

Garage — британский онлайн-сервис, который помогает владельцам автомобилей находить проверенные автомастерские, сравнивать стоимость обслуживания и записываться на ремонт или технический осмотр.

Помимо поиска автосервисов, платформа предоставляет доступ к государственным данным об автомобиле, позволяет проверить срок прохождения техосмотра (MOT), статус транспортного налога, соответствие экологическим требованиям ULEZ и получить оценку стоимости автомобиля.

Проект объединяет десятки бизнес-процессов в одном цифровом сервисе и рассчитан одновременно на владельцев автомобилей, автомастерские и администраторов платформы.

Задача

Перед веб-студией НАДО стояла задача разработать масштабируемую цифровую платформу для британского рынка, которая объединяет:

  • каталог автомастерских;
  • систему онлайн-бронирования;
  • личные кабинеты разных типов пользователей;
  • обработку заявок;
  • обмен сообщениями;
  • автоматизацию коммуникаций;
  • интеграцию с государственными сервисами Великобритании;
  • инструменты аналитики и управления платформой.
Отдельным требованием стала возможность дальнейшего развития продукта без необходимости переработки архитектуры.

Архитектура платформы

Garage — это не корпоративный сайт, а полноценный веб-сервис с несколькими независимыми подсистемами.

Платформа включает три отдельных интерфейса:

  • личный кабинет владельца автомобиля;
  • кабинет автомастерской;
  • административную панель сервиса.
Каждый из них имеет собственные сценарии работы, права доступа и набор бизнес-процессов, при этом все части системы работают в единой архитектуре.

Интеграция с государственными сервисами Великобритании

Одной из ключевых особенностей проекта стала интеграция с государственными информационными системами.

По регистрационному номеру автомобиля сервис автоматически получает информацию, необходимую для проверки:

  • прохождения обязательного техосмотра MOT;
  • соответствия экологическим требованиям ULEZ;
  • возможности эксплуатации автомобиля в центральной части Лондона.
Для этого был реализован API, позволяющий обращаться к государственным базам данных и получать актуальную информацию непосредственно во время оформления заявки.
Проверка автомобиля на соответствие экологическим требованиям ULEZ

Личный кабинет автомастерской

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

  • Владельцы мастерских могут:
  • управлять профилем компании;
  • публиковать перечень оказываемых услуг;
  • формировать прайс-листы;
  • принимать и обрабатывать заявки;
  • отслеживать комиссии;
  • работать с календарём заказов;
  • анализировать финансовые показатели.
Особое внимание было уделено предотвращению ошибок пользователей. Например, система автоматически обнаруживает противоречия между несколькими прайс-листами и не позволяет сохранить конфликтующие данные. Такой подход снижает количество ошибок ещё на этапе заполнения информации.

Личный кабинет автомастерской

SEO-дружественная архитектура на React

Интерфейс платформы построен на React. Однако классические React-приложения плохо индексируются поисковыми системами, поскольку значительная часть контента формируется уже после загрузки страницы в браузере.

Чтобы сохранить преимущества современной SPA-архитектуры и обеспечить качественную поисковую индексацию, в проекте использован Next.js с серверным рендерингом страниц.
Такое решение позволило одновременно обеспечить:

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

Онлайн-бронирование услуг

Платформа поддерживает несколько сценариев оформления заявок. Пользователь может:

  • записаться на обязательный техосмотр MOT;
  • заказать конкретную услугу;
  • отправить описание неисправности сразу нескольким мастерским;
  • прикрепить фотографии и видео;
  • получить несколько коммерческих предложений;
  • сравнить стоимость и условия обслуживания;
  • выбрать подходящую мастерскую.
Для каждого заказа автоматически формируется собственный жизненный цикл со статусами, уведомлениями и историей изменений.
Бронирование мастерской

Коммуникация между клиентом и мастерской

После оформления заявки сервис обеспечивает полный цикл взаимодействия между сторонами. В платформе реализованы:

  • встроенный чат;
  • обмен сообщениями в режиме реального времени;
  • история переписки;
  • выставление счетов;
  • система отзывов;
  • механизм обжалования отзывов;
  • хранение истории заказов.
Для реализации онлайн-коммуникаций использован протокол Mercure с применением технологии Server-Sent Events.
Чат между автовладельцем и мастерской
Отзыв на мастерскую

Автоматизация процессов

Для сокращения ручной работы большая часть коммуникаций была автоматизирована.
Платформа самостоятельно:

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

Для управления коммуникациями реализована интеграция с платформой Customer.io.
Дополнительно настроена интеграция с сервисом Twilio для SMS-уведомлений.

Интеграция календарей

Чтобы избежать ручного согласования времени обслуживания, платформа синхронизируется с:

  • Google Calendar;
  • Microsoft Outlook;
  • Apple Calendar.
Все изменения в расписании автоматически отражаются в заказах пользователей.

Календарь в личном кабинете мастерской

Результат

В результате веб-студия НАДО разработала масштабируемую цифровую платформу, объединяющую владельцев автомобилей, автомастерские и администрацию сервиса в единой экосистеме.

Проект включает:

  • маркетплейс автомастерских;
  • систему онлайн-бронирования;
  • интеграцию с государственными сервисами Великобритании;
  • три независимых личных кабинета;
  • автоматизированные коммуникации;
  • онлайн-чат;
  • систему аналитики и управления заказами.
Архитектура проекта позволяет развивать платформу, подключать новые сервисы и расширять функциональность без изменения базовых принципов работы системы.
Ждём вашей заявки!
У нас много писем, но ваше в приоритете.
Бюджет