E-commerce

Мобильные приложения

ФССП.РФ

Описание сервиса

Сайт и мобильное приложение, с помощью которых пользователь может проверить и уплатить штрафы в ФССП и ГИБДД

Что требовалось

  • Разработать сайт и мобильное приложение для поиска и уплаты штрафов

  • Создать конкурентоспособный продукт и монетизировать его

Что сделали

  • Настроили единый бэкенд и API, чтобы приложение и сайт работали синхронно

  • Ускорили работу сервиса, оптимизировав клиентскую и серверную часть

  • Разработали админпанель и личный кабинет

  • Обеспечили безопасность личных данных пользователей

  • Интегрировали продукт с НКО «Монетой» и Яндекс Картами

  • Монетизировали сервис через комиссию в 5% от суммы штрафа

  • Продумали логику поиска задолженностей

  • UX/UI сделали схожим с дизайном госучреждений, только удобнее

  • Реализовали частичную уплату штрафов и оплату по QR-коду

  • Погасили недоверие пользователей к вневедомственным сервисам (как именно — читайте в аналитике‎)

Особенность продукта

С помощью ФССП.РФ пользователь может найти свои штрафы и задолженности. И оплатить их так же безопасно, как в Госуслугах. Только проще, быстрее и понятнее.

Этапы разработки

Аналитика

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

Несмотря на то, что ФССП.РФ — это коммерческий продукт, мало кто станет смотреть в сторону бесплатных сервисов. Простота поиска и уплаты штрафов, скорость работы, система лояльности, достоверность данных — вот что делает наш сервис конкурентоспособным. Для оперативных вопросов есть чат с техподдержкой и контакты представителей ФССП и ГИБДД с отметками на карте.

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

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

Пользуясь сторонними сервисами, пользователи опасаются, что деньги не дойдут до ФССП или ГИБДД. Все платежи подтверждаются сотрудниками вручную, поэтому статус оплаты обновляется не так быстро, как мы привыкли, а с задержкой. Это пугает. Поэтому мы добавили несколько инфоблоков:

  • С гарантиями успешной оплаты

  • С необходимостью уведомить ФССП о внесении платежа

  • Необходимостью дождаться подтверждения платежа от ФССП

  • Возможностью сохранить реквизиты для повторных платежей

На главной странице пользователь видит сторителлинг о принципах работы. Этим и другим мы повышаем его доверие:

  • Сделали так, чтобы клиенты могли увидеть свои прошлые платежи

  • Могли сохранить и поделиться чеками

  • Общаться с поддержкой сервиса

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

После этого мы разработали структуру, чтобы клиент увидел, какой функционал будет реализован в его продукте.

Дизайн

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

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

Разработка

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

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

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

  • Физлица могут найти информацию по данным паспорта, СНИЛС и ИНН

  • Юрлицам нужно ввести ИНН и КПП

  • ИП могут получить данные по ИНН

Штрафы в ГИБДД можно найти по свидетельству регистрации авто или водительскому удостоверению.

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

Личные данные шифровали через технологию JSON Web Token. В ФССП.РФ защита данных работает через 2 токена: первый действует ограниченное время, и это позволяет пройти безопасную идентификацию. Второй нужен для обновления первого без повторной аутентификации. Вместе они защищают личные данные.

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

Штрафы уплачиваются через НКО «Монету». Это лицензированный оператор по переводу электронных денег, лучший в своем роде. Мы продумали логику запросов и ответов для каждой транзакции, поэтому клиент может сделать это любым удобным способом — частично и по QR-коду. Оплата проходит через банковскую карту или через СБП.

А если человеку приходит физическая квитанция, то он может навести камеру на QR-код и оплата пройдет через приложение.

Интегрировали сервис с Яндекс Картами. Это нужно для того, чтобы пользователь мог найти нужное отделение ФССП и посмотреть график работы, не выходя за пределы сервиса.

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

Тестирование

Мобильное приложение тестировали на нескольких версиях Android и iOS, сетевой трафик перехватывали и анализировали через сниффер — специально предназначенное для этого ПО. Бэкенд проверяли через популярный инструмент для проверки API — Postman.

Для этого продукта создавали свою библиотеку запросов на сервере, чтобы через нее контролировать правильность выдачи запросов. Фронтенд проверяли через консоль разработчика DevTools.

Некоторые баги с оплатой удалось обнаружить и исправить только после выхода продукта в продакшн. Так как у НКО "‎Монеты‎"‎ не настроен продовский кабинет, протестировать сервис на реальных данных было нельзя. Зато за счет поэтапного тестирования мы перехватили несколько ошибок, не доходя до прода. Исправили баги с токенами безопасности и валидацию.

Результат

  • Разработали коммерческий продукт, в котором можно искать и оплачивать задолженности ФССП и штрафы ГИБДД, просматривать историю, скачивать чеки и получать уведомления о новых задолженностях

  • За неполные 5 месяцев провели 337 платежей на сумму 600 тысяч, без учета комиссии

  • Информация о штрафах хранится в личном кабинете пользователя. Там же можно уплатить долг, записаться в отделение ФССП, скачать фотонарушение и сохранить квитанции

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

Продукт в цифрах

Команда

  • Ирина Г. — аналитик

  • Дмитрий С. — дизайнер

  • Кирилл Б. — flutter

  • Дмитрий А. — flutter

  • Алексей Т. — flutter

  • Александр С. — бэкенд

  • Андрей П. — QA

  • Артем С. — менеджер

Стек технологий