Все работып
2025Product DesignMobile WebCase

Оплата штрафа за один тап из push-а

Push → detail → СБП → PDF-чек. 3 экрана вместо 9. Проекция: -34% просроченных штрафов при полном раскате.

Результаты

9 → 3
экранов от push до оплаты
-34%
просроченных штрафов
projected impact, модель
12 сек
полное чтение через VoiceOver

Проблема бизнеса

Что было сломано.

Push «Штраф 500 ₽», клик → общий список услуг → фильтр → услуга → снова читаем → оплачиваем. 40% отваливаются по пути, забывают, штраф удваивается.

Гипотезы

Что я предположил.

  • H1Deep-link из push прямо в detail экономит 5 шагов и повышает completion в 2-3 раза.
  • H2СБП primary + скидка 50% как visual anchor → рост оплат в первые 20 дней.
  • H3PDF-чек + напоминание в календаре снижают повторные вопросы в поддержку.

Ограничения

С чем работал.

  • ·Mobile web (браузер), не приложение.
  • ·Соответствие WCAG AA (VoiceOver, крупный шрифт от 100%).
  • ·Возможности брендинга ограничены — сдержанная палитра.

Дизайн-решения

Как я это сделал.

  1. 01

    Push → detail экрана штрафа: постановление, скидка, срок скидки таймером, СБП primary.

  2. 02

    СБП primary, карта / QR во втором ряду.

  3. 03

    PDF-чек + toggle «напомнить за 2 дня».

  4. 04

    VoiceOver-проход: 12 сек на весь экран.

Пользовательский сценарий

Линейный flow.

  1. 01
    Получил push
    «Штраф 500 ₽»
  2. 02
    Тап → detail
    скидка 50%, СБП primary
  3. 03
    Тап «Оплатить»
    СБП открывается
  4. 04
    Чек в PDF + напоминание
    done

Что не получилось сразу

Пришлось переделывать.

  • Первая версия сжатого таймера скидки — красный крупный. Тестеры (n=6) читали как «предупреждение / штраф вырос». Заменил на тёплый оранжевый + explicit «скидка действует».

Галерея

Ключевые кадры

1 — Экран штрафа
2 — Оплата через СБП
3 — Чек + напоминание

Результат

Итог

Прототип оформлен в open-questions портала Госуслуг. Отклик: «зафиксировано, вернёмся».

Следующий проект

Одна кнопка Sber ID вместо 6 разных у партнёров

Sber ID · графическая айдентика