ФССП.РФ

Сайт и приложение для проверки и оплаты задолженностей ФССП и ГИБДД

Кейс разработки ФССП.РФ

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

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

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

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

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

Что сделали

  • Настроили единый бэкенд и 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

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

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

Технологии

Другие кейсы

Гриль № 1

  • Фудтех
  • Сервис

Сайт и мобильное приложение для доставки из сети ресторанов быстрого питания. Интеграция с iiko

Tagline Awards. Бронза

WDA. Золото

WDA. Серебро

Dropfile. Интерфейсы

Сервико

  • Автотех
  • Логистика
  • Приложение для планшета

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

WDA. Серебро

Tagline Awards. Серебро

CarClick

  • Сервис
  • E-commerce
  • Автотех

Маркетплейс и аукцион для покупки автомобилей онлайн. Разработали веб-сервис и мобильное приложение.

Вэлко

  • Сервис
  • ERP

Сайт для аренды квартир в доме повышенной комфортности с услугами отеля.

Yaves

  • Сервис

Сервис аренды яхт в Сочи. Удобный кастомный календарь, функциональный каталог с онлайн бронированием, личный кабинет владельца яхты и арендатора.

Стройпарк

  • Мобильное приложениe
  • E-commerce

Мобильное приложение интернет-магазина строительных материалов.

Tarkett

  • Сервис
  • ERP

ERP система для мирового лидера напольных покрытий. Электронная подпись, групповая работа с документами, интеграции с Картами и внутренними виджетами.

Trainet

  • Социальная сеть
  • Мобильное приложениe

Приложение-соцсеть для спортсменов и тренеров. Онлайн-тренировки, бронь занятий, блоги.

WDA. Серебро

Fish2o

  • Сервис
  • Фудтех

Корпоративный сайт для компании-производителя премиум лосося и форели.

WDA. Бронза

Behance

Whoosh

  • Автотех
  • Логистика
  • Сервис

Сервис для курьерской службы и экспресс-доставки для жителей США.

Спроси Врача

  • Медтех
  • Сервисы

Автоматизированный сервис для медицинских консультаций онлайн

ФССП.РФ

  • Сервис

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

Telemetron

  • Фудтех
  • Мобильное приложениe
  • Сайты

Мобильное приложение для управления сетью вендинговых автоматов.

Dropfile. Интерфейсы

ТутCервис

  • Мобильное приложениe
  • Автотех

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

Behance

Киномир

  • Мобильное приложениe

Мобильное приложение для сети кинотеатров в Сибирском федеральном округе.

Happens

  • Социальная сеть
  • Мобильное приложениe

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

Корона Авто

  • Сервисы
  • Автотех

Сервис для крупной компании-поставщика автозапчастей для импортных грузовых и легковых автомобилей.

Pikemedia

  • Сервисы
  • E-commerce
  • Сайты

Корпоративный сайт для компании по производству телеканалов, трансляций видеоконференций под ключ.

ArTravel

  • Сайты
  • Концепция

Мобильное приложение-путеводитель с AR.

StayHome

  • Мобильное приложениe

Игровое мобильное приложение, призывающее соблюдать карантин во время пандемии COVID-19.

Incognito

  • Социальная сеть
  • Мобильное приложениe

Мобильное приложение-социальная сеть для анонимной оценки человека.

Reporter

  • Сервисы

Система подсчета эффективности проектов и исполнителей.

Места Будды

  • Мобильное приложение
  • Концепция

Приложение-путеводитель по буддийским местам России.

Обложка кейса НяняГуру

Tagline Awards. Бронза

Made on Tilda

НяняГуру

  • Мобильное приложениe

Мобильное приложение для поиска нянь и их трудоустройства

Обложка кейса Lutch

Lutch

  • Сайты
  • Концепция

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

Обложка кейса образовательной онлайн-платформы

Онлайн-школа

  • Сайты
  • Концепция

Открытая школа 2035 — образовательная онлайн-платформа для учителей и школьников 7-18 лет из России и Казахстана.

Обложка кейса Mriya Resort

Mriya Resort

  • Сайты
  • Концепция

Mriya Resort & SPA — пятизвездочный отель на Южном берегу Крыма, на территории которого есть медицинский и SPA-центр, современный конгресс-центр, парк и собственный пляж.

caseFssp