Цифровой элемент

Разработка личного кабинета сайта и мобильного приложения для «НОВАТЭК-АЗК»

Финалист конкурса сайтов «Рейтинг Рунета 2021»
Изображение мобильного приложения и личного кабинета

О клиенте

НОВАТЭК-Автозаправочные комплексы – дочернее предприятие крупнейшего независимого производителя газа в России – ПАО «НОВАТЭК». Компания занимается мелкооптовой и розничной торговлей моторным топливом через федеральную сеть автозаправочных комплексов, а также строительством и эксплуатацией заправочной инфраструктуры.

www.novatek-azk.ru
Внешний вид приложения новатек

Скачать мобильное приложение

Бизнес-задачи

Общая задача

  1. Разработка корпоративного сайта компании

Для юридических лиц

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

Для физических лиц

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

Решение

Для юридических лиц

  • Интеграция с биллинговой системой заказчика

  • Cоздание возможности автоматического выставления счетов на оплату за топливо и лимитов по топливу для юридических лиц

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

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

  • Обеспечение высокой скорости доступа к данным биллинговой системы

  • Создание личного кабинета на сайте

  • Создание личного кабинета в мобильном приложении

Для физических лиц

  • Интеграция с биллинговой системой заказчика

  • Изменение алгоритма идентификации карты физического лица с использованием номера мобильного телефона

  • Создание личного кабинета на сайте

  • Создание личного кабинета в мобильном приложении

Инструменты мониторинга

Создали и внедрили инструменты сбора данных на различных этапах работы системы:

  1. Проводить мониторинг ошибок для оперативного анализа и отладки приложения;
  2. Проводить мониторинг нагрузки с помощью Zabbix, чтобы выявить границы системы и возможности для оптимизации.
  3. Мониторинг интеграционной шины с биллинговой системы
  4. Мониторинг системы кеширования на каждом уровне кеша
  5. Мониторинг использования ресурсов серверного парка
  6. Настройка системы уведомлений об аварийных ситуациях

Реализация

Десктопная версия личного кабинета Мобильное приложение
  • Общая информация для физических и юридических лиц в мобильном приложении

    Для всех пользователей в приложении доступны следующие информационные разделы:

    • О компании;
    • Акции;
    • Новости;
    • Вопросы-ответы.

    Все данные в приложение интегрируются с сайта.

  • Раздел карты и списка автозаправочных комплексов

    В результате маркетингового анализа определили, что пользователям важно всегда видеть какие АЗК есть рядом с ним в данный момент времени, какие сейчас работают, какое топливо есть и каким способом можно оплатить, а также как добраться до выбранной АЗК от текущего местоположения

    Все это мы реализовали в разделе «АЗК».

    Также в разделе есть возможность найти АЗК по поиску, который работает как по номеру АЗК, так и по адресу. К тому же есть возможность отфильтровать данные по следующим данным:

    • городу;
    • виду топлива;
    • объекту.
  • Пользователь может выбрать функцию «Ближайший АЗК» и приложение, на основе его местоположения, определит и укажет самые ближайшие к нему автозаправочные комплексы.

    У пользователя есть функция пометить любую АЗК как «Избранная» для быстрого просмотра и фильтрации по избранным АЗК.

  • Карточка автозаправочного комплекса

    • наименование АЗК;
    • адрес АЗК;
    • возможность добавить в избранное;
    • режим и статус работы;
    • расстояние от вас до АЗК;
    • возможность построить маршрут до АЗК;
    • какое топливо имеется на АЗК и его стоимость, которая ежедневно интегрируется с Базой данных «НОВАТЭК-АЗК»;

    • услуги;
    • способы оплаты;
    • отзывы;
    • акции именно этой АЗК.

Личный кабинет для физических лиц

  • Авторизация для физических лиц

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

  • Информационная безопасность

    Личный кабинет предоставляет большое количество финансовой информации, поэтому требования к безопасности были очень серьезные. Рассмотрены следующие векторы атаки:

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

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

  • Схема информационного взаимодействия с внешними информационными системами

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

  • Личные данные

    У зарегистрированных пользователей Личные данные уже заполнены. Информация передается из БД Oracle, если пользователь изменит свои данные, то они также изменятся и в БД Oracle.

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

  • Бонусная карта

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

    В данном разделе происходит двухсторонняя интеграция с БД Oracle.

  • История покупок

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

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

  • Обратная связь

    Разработали функционал обратной связи клиента с компанией ПАО «НОВАТЭК» для прямых обращений к сотрудникам компании.

Личный кабинет для юридических лиц

Результат

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

В личном кабинете «НОВАТЭК-АЗК» есть все необходимые инструменты, чтобы клиент мог удобно получать необходимую информацию и управлять услугами, а сам личный кабинет — модернизироваться по мере развития продукта и бизнеса.

Отзыв от клиента

Отзыв клиента

Выражаем свою благодарность и признательность за качественную реализацию и всестороннюю поддержку проекта «НОВАТЭК-АЗК», включающего в себя: корпоративный интернет-сайт, личный кабинет юридических и физических лиц, мобильное приложение. Особенно хотим отметить то, что команда Цифрового элемента с высоким вниманием отнеслись и относятся к внеплановыми потребностям клиента, оперативно решая возникающие вопросы и привлекая для этого необходимые ресурсы.

Печёрских Д.Н.
Главный инженер ООО «Новатэк АЗК»

У вас похожая проблема? Пишите и мы ее решим!