Автокредитование · Веб-приложение

Веб-приложение для автосалонов: заявки на автокредит

Веб-приложение для автосалонов, которое автоматизирует и структурирует приём заявок на автокредиты и консультации, заменяя десятки разрозненных каналов связи единым окном. Менеджер видит все обращения в одной таблице, оформляет полную кредитную заявку в пошаговом мастере и мгновенно передаёт данные в Битрикс24 без ручного переноса. Стек: PHP Laravel и React.

Заказать свой проект Все кейсы →

Единое веб-приложение вместо десятков разрозненных каналов приёма заявокСписок заявок с фильтрами по типу, статусу и поиском в реальном времениМногошаговый мастер полной кредитной заявки с валидацией и прикреплением документовБыстрая форма короткой консультации отдельно от полной заявкиАвтоматическая отправка данных в Битрикс24 — ноль ручного переноса в CRMШесть внешних интеграций с учётом специфики регионального авторынка

АвтоРассрочкаАвтодилерский бизнес, автокредитование

Клиент

Сеть автосалонов, автокредитование (АвтоЛидер.НСК)

Отрасль

Автодилерский бизнес, автокредитование

Платформы

Веб-приложение (SPA)

Срок

около 12–20 недель

О продукте

Коротко — что это за продукт и для кого мы его делали.

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

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

Задача

Заказчик столкнулся с неэффективностью: данные поступали через множество каналов, что приводило к неструктурированности информации, высоким временным затратам на ручной перенос и сложностям мониторинга.

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

Особенности проекта

Единое веб-приложение — весь приём заявок в одном окне, без отдельной админ-панели.

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

Многошаговая кредитная заявка — полная анкета с данными об автомобиле, клиенте, документах и доходах, с валидацией и индикатором заполнения.

Короткая консультация — отдельная быстрая форма для обращений, не требующих полной анкеты.

Автоматическая отправка в Битрикс24 — данные заявки уходят в CRM без ручного переноса.

Решение и подход

Как мы собрали продукт — от архитектуры до процесса.

Приложение сделано как единое веб-решение (SPA) без отдельной админ-панели: и приём, и обработка заявок происходят в одном интерфейсе. Фронтенд собран на React, бэкенд и бизнес-логика — на PHP Laravel. Список заявок, статусы и фильтры вынесены на главный экран, чтобы менеджер сразу видел всю картину.

Особое внимание уделили интеграциям: приложение завязано на шесть внешних сервисов. Битрикс24 принимает данные заявок из CRM-потока, Dadata подсказывает и нормализует адреса и реквизиты, ЯвиЧат обслуживает онлайн-консультации, Плюсофон — телефонию, а сервисы распознавания документов помогают заполнять анкету. Всё это учитывает специфику регионального авторынка.

Технологический стек

Инструменты подобраны под задачу продукта.

Laravel

Бэкенд, бизнес-логика и API

PHP

Серверная платформа приложения

React

Фронтенд веб-приложения (SPA)

PostgreSQL

Хранение заявок и данных клиентов

Почему PHP Laravel и React

Бэкенд построен на PHP с фреймворком Laravel: зрелая экосистема, быстрая разработка форм и валидации, готовые механизмы очередей и интеграций с внешними API. Для приёма заявок с десятков точек и синхронной отправки в CRM это даёт предсказуемую скорость поставки и низкую стоимость поддержки на российском рынке, где Laravel-разработчиков много.

Интерфейс — на React: многошаговая форма автокредита с динамической подгрузкой данных из Dadata требует отзывчивого клиентского интерфейса с управлением состоянием на стороне браузера. React закрывает это лучше серверного рендеринга шаблонов: меньше перезагрузок, плавный ввод, единый SPA без отдельной админки. Рассматривались альтернативы — серверные Blade-шаблоны (проще, но тяжелее по UX многошаговых форм) и Vue (близок по возможностям); выбор в пользу React сделан по доступности команды и зрелости экосистемы компонентов.

Функции продукта

Ключевые возможности, которые закрыли задачу бизнеса.

Список заявок

Дашборд со всеми обращениями, фильтрами по типу и статусу, поиском и пагинацией

Полная кредитная заявка

Многошаговый мастер: автомобиль, документы, доходы клиента, комментарий

Короткая консультация

Быстрая форма обращения без полной анкеты

Статусы заявок

Цветные индикаторы: в работе, на одобрении, отложен, выдана, визит, не отвечает

Отправка в Битрикс24

Автоматическая передача данных заявки в CRM без ручного переноса

Прикрепление документов

Загрузка страниц паспорта и второго документа с распознаванием

Как это работает

Ключевые экраны продукта — по шагам.

Список заявок

Главный экран приложения — таблица «Список заявок» со всеми обращениями: дата, ФИО клиента, номер телефона, тип обращения (заявка или консультация) и статус. Сверху — фильтры «Тип: все» и «Статус: все», поле поиска и счётчик «1–10 из 82», внизу — постраничная навигация.

Статусы заявок помечены цветными индикаторами — «В работе», «На одобрении», «Отложен», «Выдана», «Визит», «Не отвечает» — так менеджер сразу видит, где нужна реакция. Для каждой строки доступны действия «Редактировать» и «Подробнее».

Оформление заявки

Полная кредитная заявка оформляется в многошаговом мастере с индикатором прогресса «Добавление заявки — 58%». Первый блок «Данные об автомобиле» — марка, модель, год, стоимость и первоначальный взнос с автоматическим расчётом процента.

Далее блоки «Информация» с прикреплением всех страниц паспорта и второго документа, полями ФИО, адресов, паспортных данных, и «Доходы клиента» — организация, должность, доход и контактное лицо. Обязательные незаполненные поля подсвечиваются, заполненные помечаются зелёной галочкой. Внизу — блок «Дополнительная информация» и кнопка «Отправить заявку».

Короткая консультация и чат

Для обращений, не требующих полной анкеты, есть короткая форма консультации: ФИО клиента, мобильный телефон и поле «Всё, что может помочь клиенту» с пожеланиями по связи, финансам и выбору авто.

Здесь же работает интеграция онлайн-чата (ЯвиЧат): всплывающее окно «Оператор на связи» с формой обращения помогает быстро подключить консультанта прямо со страницы заявки.

Данные и интеграции

Приложение работает с персональными и финансовыми данными клиентов автосалона, поэтому надёжность передачи критична. Данные заявок автоматически уходят в Битрикс24 без ручного переноса, что исключает потери и ошибки дублирования.

Шесть внешних интеграций — Битрикс24, Dadata, ЯвиЧат, Плюсофон и сервисы распознавания документов — связаны в единый поток и учитывают специфику регионального авторынка.

В цифрах

веб-приложение как единый канал

типа обращений: заявка и консультация

внешних интеграций

ручного переноса данных в CRM

1 веб-приложение как единый канал приёма заявок от автосалонов-партнёров — вместо почты, мессенджеров и телефонных обращений.
2 типа обращений: полная многошаговая заявка на автокредит и короткая консультация.
6 внешних интеграций: CRM «Битрикс24», Dadata, ЯвиЧат, Плюсофон, BuseBuy, Биорг.
0 ручного переноса данных в CRM — каждая заявка автоматически создаёт сделку или лид в «Битрикс24».
Один SPA-интерфейс без отдельной админ-панели: меньше точек отказа и проще сопровождение.
Типичное окно поставки MVP такого класса — 12–20 недель (отраслевой диапазон, а не гарантия по конкретному проекту).

Архитектура и персональные данные

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

Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных. Требования к обработке ПДн опираются на 152-ФЗ; статус оператора проверяется в реестре операторов ПДн РКН.

Часто задаваемые вопросы

Сколько стоит разработать веб-приложение для приёма заявок на автокредит?

Стоимость зависит от числа интеграций, сложности форм и требований к обработке персональных данных. Ориентир для MVP такого класса — стандартный отраслевой диапазон по заказной веб-разработке; точную оценку даём после дискавери, когда зафиксированы интеграции (CRM, Dadata, телефония) и сценарии заявок. Назвать сумму «в среднем» без этих вводных некорректно.

Зачем автосалонам единое веб-приложение вместо заявок по почте и в мессенджерах?

Разрозненные каналы дают неструктурированные данные, ручной перенос в CRM и потери на стыках. Единое окно стандартизирует заявку, убирает ручной ввод и сразу создаёт сделку или лид в «Битрикс24». Это ускоряет обработку, снижает число ошибок и делает поток заявок наблюдаемым — менеджеры и аналитика работают с одним источником данных.

Как приложение интегрируется с Битрикс24 и Dadata?

Данные из обеих форм мгновенно отправляются в CRM «Битрикс24» и формируют сделку или лид с заранее настроенным набором полей. Dadata подключена к многошаговой форме автокредита: по вводу подтягиваются адрес и реквизиты организации, что сокращает ручной ввод и ошибки. Дополнительно подключены ЯвиЧат, Плюсофон, BuseBuy и Биорг.

Что с персональными данными заёмщиков и требованиями 152-ФЗ?

Персональные данные обрабатываются с опорой на 152-ФЗ: защищённый канал передачи, минимизация хранения у третьих сторон, передача в CRM заказчика. Статус оператора ПДн подтверждается записью в реестре РКН, а требования к локализации данных учитываются на уровне инфраструктуры. Конкретный контур согласуется на этапе проектирования под процессы заказчика.

Сколько времени занимает разработка такого MVP?

Для веб-приложения с многошаговыми формами и набором CRM-интеграций типичное окно поставки MVP — порядка 12–20 недель; это отраслевой диапазон, а не обязательство по конкретному проекту. Срок зависит от числа интеграций, готовности доступов к внешним сервисам и объёма согласований. Точные сроки фиксируем после дискавери.