Product Designer · Middle

5 лет в дизайне, два года в продукте

Мобильный вебВеб-приложения
Решения сверяю с рынком117 российских приложений, 7 360 сценариев и 36 880 экранов разложены по шагам и лежат под рукой.
Лента для ассистента Для ассистента

Один адрес со всем: анкета, опыт, навыки, кейсы, договорённости. Скопируйте и вставьте в ChatGPT или Claude, ставить ничего не нужно.

prokhor.me/llms.txt
Знак ПрохораПрохор
РезюмеCV Telegram

Спросите что угодно о Прохоре

Отвечает модель по материалам сайта. Чего нет в кейсах, того она не знает.

Отвечает модель и может ошибаться. Проверяйте важное у самого Прохора.

Кейс, Т-Банк

Кликабельность плитки кэшбека выросла с 12% до 68%

( А )

Одна плитка на главном экране, которая показывает потраченный кэшбек, категорию-лидер и остаток лимита. В прототипе клик вырос в 5.6 раз.

( Б )

Кэшбеком пользуются все и почти никто им не управляет. Удобный размер задачи: одна плитка, измеримое поведение, никакой перестройки продукта вокруг.

( В )

Product Design, Android, Micro-UX
2026
Самостоятельный концепт

Кликабельность плитки кэшбека выросла с 12% до 68%
рис. 1, Т-Банк · Android Material Design 3

Результаты

12% → 68%
кликабельность плитки
A/B прототип, n=14
×5.6
рост interaction rate
78%
тестеров вспомнили лимит категории после недели

Референсы

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

Крутите мышью

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

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

62% не переключают категории и не помнят лимиты, деньги кэшбека горят.

Исследование

Откуда данные.

  • 0140 скриншотов главных экранов банковских приложений, разметил, на что уходит место
  • 02Опрос 14 человек с картой Т-Банка: помнят ли лимит категории и когда меняли её в последний раз
  • 03Разбор Material Design 3: dynamic color, размеры плиток, поведение раскрытия

Гипотезы

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

  • H1Прогресс-круг создаёт ощущение незакрытой задачи
  • H2Плитка раскрывает детали по тапу, не забивая экран
  • H3Живой счётчик подсказывает, что цифра меняется

Ограничения

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

  • ·Android Material Design 3, без iOS-паттернов
  • ·Вписаться в grid главного экрана (2×2)
  • ·Dark mode и dynamic color из обоев

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

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

  1. 01

    Два состояния: сумма с прогрессом и раскрытые категории

  2. 02

    Прогресс-круг процента за месяц, при 80% оранжевый alert

  3. 03

    Цифра плавно набирается с нуля при открытии

  4. 04

    Акцент из обоев по Material You

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

Линейный flow.

  1. 01
    Главный экран
    плитка кэшбека в grid
  2. 02
    Тап по плитке
    expand-анимация 400ms
  3. 03
    Видит 3 категории + прогресс
    решает что менять
  4. 04
    Тап «Сменить категорию»
    переход в full-view

Проверка

Что показали тесты.

  • Прототип в двух версиях, старая плитка и новая, по 7 человек на версию
  • Задание: узнать накопленный кэшбек и сменить категорию
  • Повторный опрос через неделю, 78% назвали свой лимит верно
  • Тап по всей плитке конфликтовал с кнопкой, развёл зоны после первых трёх сессий

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

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

  • Тап на весь блок мешал кнопке, разделил на контент и CTA

Передача в разработку

Что отдаю фронтенду.

  • ·Компонент в двух состояниях с описанием перехода, 400 мс и кривая
  • ·Правила dynamic color: откуда берём акцент и что делаем на монохромных обоях
  • ·Контраст текста проверен на всех вариантах акцента, включая тёмную тему

Кадры

Ключевые экраны.

Плитка на главном экране
рис. 2, Плитка на главном экране
Разбор по категориям
рис. 3, Разбор по категориям

Результат

Итог

Концепт под заявки Т-дизайна, пример feature-level UX

Моя роль

Что делал я.

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

Что дальше

Осталось за рамками.

  • →Планшетная сетка главного экрана, там плитка ведёт себя иначе
  • →Что показывать при трёх активных категориях вместо одной

Следующий кейс

ИП понимает состояние бизнеса за 60 секунд

Alfa Business · веб-дашборд

2026