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

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

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

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

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

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

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

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

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

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

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

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

Основные задачи, которые может решить пользователь в рамках версии 1.0 мобильного приложения для клиента Газпромбанк Лизинг-Стандарт:

  • Выбрать автомобиль на автомаркете в качестве будущего предмета лизинга;
  • Рассчитать будущий договор по лизингу, по выбранному автомобилю либо без автомобиля, просто через указания суммы предмета лизинга;
  • Добавить полученный расчёт в сравнение расчётов лизинга;
  • Просматривать списки сравнения расчётов;
  • Оформить заявку на лизинг из калькулятора лизинга или списка сравнения расчётов;
  • Просматривать текущий список заявок;
  • Просматривать заявку на лизинг, с возможностью уточнения расчёта лизинга, а также выполнять действия по заявке;
  • Знакомиться с списком спец предложений по лизингу и оформлять заявки на спец предложения по лизингу;
  • Изменять свои личные данные в профиле пользователя мобильного приложения;
  • Добавлять и редактировать реквизиты компании контрагента, которые выступают стороной по договору лизинга автомобиля;
  • Оформить запрос на обратную связь;
  • Просматривать уведомления системы о событиях, которые происходили по текущим расчётам лизинга пользователя или заявкам на лизинг;
  • Изменять настройки приложения;
  • Закончить авторизацию пользователя в системе.

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

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

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

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

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

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

  • Почтовый адрес;
  • Телефон компании;
  • Дополнительный телефон;
  • Факс;
  • Адрес корпоративной электронной почты;

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

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

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

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

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

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

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

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

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

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

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

  • Фотография автомобиля, на который оформлена заявка;
  • Номер заявки;
  • Дата и время заявки;
  • Наименование заявки, которое пользователь может менять по своему усмотрению;
  • Марка и модель автомобиля, вместе с её основными характеристиками;
  • Индикатор состояния заявки на лизинг;
  • Наименование состояния заявки на лизинг.

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

  • Фотография автомобиля;
  • Название заявки;
  • Марка, модель автомобиля и его основные характеристики;
  • Номер заявки;
  • Дата и время создания заявки;
  • Индикатор состояния заявки;
  • Наименование состояния заявки;
  • Кнопка получения коммерческого предложения по текущему расчёту лизинга, привязанному к заявке;

Характеристики расчёта лизинга по заявке, в составе:

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

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

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

  • Фотография автомобиля;
  • Марка и модель автомобиля с основными характеристиками;
  • Полная стоимость договора лизинга;
  • Ежемесячный лизинговой платёж;
  • Процент авансового платежа по договору;
  • Сумма скидки на полную стоимость договора лизинга по данному специальному предложению.

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

  • Фотография автомобиля;
  • Марка модель и основные характеристики автомобиля;
  • Ежемесячный лизинговый платёж;
  • Размер скидки по договору лизинга;
  • Процент авансового платежа;
  • Полная стоимость договора;
  • Срок лизинга;
  • Выкупной платёж;
  • Удорожание;
  • Сумма НДС договора лизинга;
  • Сумма экономии налога на прибыль.

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

В разделе «Уведомления» пользователь может посмотреть список событий, которые происходили с его расчётами лизинга, а также заявками на лизинг.

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

После окончания работ по версии 2.0 веб приложения личного кабинета клиента компании Газпромбанк Лизинг-Стандарт мы будем разрабатывать версию мобильного приложения, включающую функционал версии 2.0 веб приложении личного кабинета клиента.

Тип работ Разработка мобильного приложения под iOS 9.2+, Разработка мобильного приложения под Android 5.0+
Категория стоимости от 1,2 млн. руб.
Срок разработки 2,5 месяца