Онлайн-оплата и удобная карта для агрегатора цен на ТО

Сделали вторую версию сайта для компании «Автоспот»: выбор сервиса на карте стал более удобным, подключили онлайн-оплату и добавили акции от дилерских центров.

#backend
#frontend
#онлайн-сервисы

Автоспот — это агрегатор услуг по техническому обслуживанию и ремонту автомобилей. Компания сотрудничает с официальными и неофициальными дилерами в нескольких городах. Предлагает клиентам самим выбрать выгодные цены и удобное расположение сервиса.

autospot
Основной продукт Автоспот — сервис сравнения цен на новые автомобили. За пять лет компания помогла 50 тысячам клиентов выгодно приобрести машины. autospot.ru/to/

Уже больше двух лет Автоспот работает с panfilov.digital. За это время мы значительно доработали сервис.

Какой была первая версия

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

Основные возможности сайта:
1. Выбор параметров автомобиля для поиска сервиса. В выпадающих списках пользователь указывает марку, модель, поколение, спецификацию и номер ТО либо нужную услугу. Затем переходит на карту.

2. Отображение цен на карте. Дилеры с подключенным платным продвижением выделяются в списке и получают более высокий приоритет при показе. Пользователь выбирает сервис и записывается на техническое обслуживание или ремонт.

Какие обновления появились во второй версии

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

Улучшили выбор сервиса на картах

Карта записи на ТО автомобиля. Для этой карты мы создали собственную систему объединения меток (пинов) с дилерскими центрами. Если они находятся близко друг к другу, то сливаются в кластер, на котором указано количество.

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

Карта записи на ремонт автомобиля. Здесь мы взяли за основу систему отображения кластеров и дополнительно развили её. На этой карте при объединении меток на кластере появляется информация о дилерах и предложениях внутри группы:

— количество официальных дилеров;
— количество сервисных центров;
— диапазон цен.

Подключили онлайн-оплату

Те дилерские центры, которые работают с клиентами по полной предоплате, теперь могут подключить онлайн-оплату в сервисе Автоспот.

Когда посетитель сайта оставляет заявку в такой дилерский центр, он вводит имя, телефон и выбирает дату посещения автосервиса. После клика на кнопку «Оплатить» пользователь будет перенаправлен на сайт банка-партнера «Тинькофф», где сможет оплатить услугу картой.

После оплаты пользователь возвращается на сайт Автоспота. Если платёж не прошел, на сайте появится поп-ап с текстом ошибки и предложением повторить попытку. Когда оплата проходит, информация о ней и заявка сохраняются у Автоспота в подробном виде, а дилеру сразу передаются в сокращенном формате. Клиент видит сообщение, что в течение 15 минут с ним свяжется представитель дилерского центра. Также пользователь получает предложение подписаться на один из мессенджеров Автоспота, чтобы получить данные о платеже и записи на ТО.

Добавили акции от дилерских центров

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

Акции, которые продвигаются в сервисе платно, выделены рамкой и специальным значком. Такие предложения выводятся с более высоким приоритетом.

Разработали инструмент для привлечения дополнительных лидов

Иногда пользователи заходят на сайт, начинают заполнять заявку, отвлекаются и уходят. Чтобы привлечь внимание посетителей, мы разработали для «Автоспота» систему модальных окон. Когда курсор оказывается за пределами сайта, появляется модальное окно со специальным предложением для той марки автомобиля, которую указал пользователь. Модальное окно отличается от других способов всплывающих окон тем, что его нужно закрыть, прежде чем продолжить работу с сайтом.

Похожие кейсы