Мобильное приложение для клиента лизинговой компании Газпромбанк Автолизинг

Компания "Газпромбанк Автолизинг" является нашим клиентом, которому мы разработали личный кабинет клиента лизинговой компании. После того, как мы выпустили web-приложение личного кабинета в виде сайта, клиент принял решение, чтобы мы разрабатывали мобильное приложение для платформ iOS и Android, реализующего функционал личного кабинета.

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

• Малый экран, на котором показываются интерфейсы мобильного приложения;
• Отсутствие указателя "мыши", которым можно достаточно точно кликнуть мелкие детали в интерфейсе. Вместо этого в мобильном приложении существует так называемое «касание пальцем» (тап), но события обработки тапов значительно отличаются от событий кликов мыши;
• В силу малости экрана интерфейсы в мобильном приложении кардинально отличаются от интерфейсов в web-приложении, хотя по функционалу они должны быть идентичны;
• В аппаратной части современных смартфонов присутствуют механизмы идентификации пользователя, такие как Fingerprint, Touch ID, Face ID, которые позволяют производить быструю авторизацию пользователя в мобильном приложении, в отличие от web-приложения, где пользователь должен вводить логин и пароль или осуществить связь с аккаунтом социальных сетей для быстрой авторизации.

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

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

В качестве платформы для разработки мобильного приложения мы выбрали фреймворк React Native, который позволяет оптимально разработать мобильное приложение для платформ iOS и Android. Поэтому основа приложения использует React Native, а особенности каждой из операционных систем в части механизмов идентификации и прочих, реализована на так называемых «нативных» языках для каждого из видов приложения.

После авторизации пользователя, когда приложение обновляет данные с сервера, мы предусмотрели приветственный экран во время загрузки основных данных в приложении. После регистрации или авторизации в приложении, пользователю предлагается использовать цифровой код (пинкод) для быстрой авторизации пользователя в приложении в дальнейшем, а также предлагается использовать систему распознавания отпечатков пальцев Fingerprint для устройств на базе Android или Touch ID (Face ID) для устройств на базе iOS также для быстрой авторизации пользователя в приложении в дальнейшем. Позднее, механизмы быстрой авторизации через пинкод или отпечаток пальца, пользователь может включить или выключить в настройках приложения.

В данном проекте мы произвели интеграцию мобильного приложения с порталами социальных сетей ВКонтакте, Facebook, Google, Twitter. Это позволяет пользователю зарегистрироваться через аккаунт социальной сети, и в дальнейшем производить авторизацию путем выбора значка той социальной сети, через которую он зарегистрировался. У пользователя также есть возможность в своем профиле внутри приложения позднее выбрать ту или иную социальную сеть, к которой он хочет сделать привязку, и использовать для быстрой авторизации.

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

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

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

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

• регион;
• марка автомобиля;
• модель автомобиля;
• ценовой диапазон;
• тип кузова автомобиля;
• тип коробки передач автомобиля;
• тип двигателя автомобиля;
• тип привода автомобиля.

Пользователь может перейти на карточку просмотра автомобиля с более подробной информацией об автомобиле, фотогалереи автомобиля, усредненного значения суммы ежемесячного лизингового платежа, а также полную стоимость лизингового договора по данному автомобилю на три года. У пользователя есть возможность уточнить параметры лизинга путем нажатия на кнопку «Рассчитать лизинг».

При переходе в калькулятор лизинга пользователь может выбрать следующие параметры:

• Процент авансового платежа;
• Срок лизинга;
• На кого регистрируется автомобиль;
• Тип графика лизинговых платежей;
• Плательщик КАСКО и ДГО;
• Срок КАСКО;
• Плательщик ОСАГО.

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

При переходе в раздел сравнений расчетов пользователь видит списки сравнения расчетов лизинга, сформированные пользователем. При просмотре списка сравнения расчетов пользователь может сравнить расчеты лизинга по таким параметрам как:

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

Для каждого из расчетов в списке у пользователя есть возможность оформить заявку на лизинг путем нажатия кнопки оформления заявки, либо переместить расчет в другой список сравнения расчетов. Также у пользователя есть возможность удалить расчет из списка сравнения расчетов, если он по какой-то причине ему не нужен, а также удалить полностью весь список если, например, выбор уже произведён, заявка оформлена и данный список расчетов больше не актуален.

Пользователь переходит на интерфейс, в котором с помощью нескольких шагов выполняет следующие задачи:

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

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

• фотография автомобиля;
• номер;
• дата и время заявки;
• наименование заявки, которое пользователь может сам менять;
• марка и модель автомобиля;
• индикатор состояния заявки.
• если заявка уже обработана менеджером компании, при клике по ней пользователь переходит на экран просмотра заявки с более расширенной информацией по заявке: стоимость транспорта, ежемесячный лизинговый платеж, сумма авансового платежа, срок лизинга, полная стоимость договора лизинга, кто производит регистрацию автомобиля, график лизинговых платежей, плательщик КАСКО и ДГО, срок КАСКО, плательщик ОСАГО.

В разделе договоров пользователь видит список договоров со статусами каждого договора и иконкой непрочитанных уведомлений по каждому договору.

Кликом по номеру договора пользователь переходит на экран просмотра подробной информации по договору:

• основные условия лизинга
• регистрационная информация автомобиля
• страхование ОСАГО, КАСГО, ДГО
• документы по договору
• платежи по договору. Пользователь может подробно узнать начисления, платежи по договору
• штрафы ГИБДД по автомобилю
• обращения по договору
• уведомления. При поступлении новых документов, начислений, платеждей штрафов, ответов на обращения по договору пользователю формируется уведомление. Оно отображается как в центре уведомлений, так и при просмотре договора лизинга.

В профиле пользователя мобильного приложения пользователь может изменять личные данные:

• фотография пользователя, с возможностью выбрать фотографию пользователя из галереи в смартфоне, либо сделать фотографию пользователя с помощью камеры смартфона;
• ФИО;
• мобильный телефон (при изменении мобильного телефона производится подтверждение его через код из смс сообщения);
• должность текущего пользователя в компании контрагента;
• адрес электронной почты;
• поле смены пароля пользователя и его подтверждения;
• список подключений к социальным сетям.

При вводе реквизитов юридического лица (контрагента) пользователь вводит ИНН контрагента, представителем которого он является. Сервер мобильного приложения путем обращения в систему Контур.Фокус получает по ИНН данные юридического лица или индивидуального предпринимателя, ИНН которого ввёл пользователь, и автоматически заполняет все данные из государственного реестра. Большая часть полей при редактировании реквизитов скрыто от редактирования, так как берётся из государственного реестра, пользователь может вводить и изменять такие данные как:

• почтовый адрес;
• телефон компании;
• дополнительный телефон;
• факс;
• адрес корпоративной электронной почты;
• на вкладке «Документы» пользователь имеет возможность загрузить копии устава, учредительного договора, уведомления о постановке на налоговый учёт, выписки из ЕГРЮЛ. Пользователь имеет возможность загрузить копии документов как из галереи, так и сфотографировать документы с помощью камеры смартфона, автоматически добавив их в документы.

Уведомления пользователю в личный кабинет поступают трех видов:

• системные общего характера. Это уведомления системы безопасности и др.
• уведомления по заявкам. Данные уведомления формируются, когда из CRM приходят события по заявкам на лизинг, такие как смена состояния по заявке, результаты проверки документов менеджером, поступление нового коммерческого предложения по заявке от менеджера;
• уведомление по договорам. Уведомление данного типа формируются в личном кабинете клиента по наступлению событий, касающихся договоров лизинга:
• смена состояния договора;
• поступление нового платежа по договору или начисления;
• поступление нового документа по договору;
• поступление штрафа ГИБДД по договору;
• поступление нового ответа на обращение клиента по договору.

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