Home
Alexandr Klochko

Банки.ру — авторизованная кредитная витрина

Карточка одобрения

Карточка одобрения — место, где пользователь решает, брать ли деньги. Конверсия у нее была низкой. Переделал карточку: одобренные условия видны сразу, а суммы разложены на несколько вариантов. В A/B на займах выручка из блока выросла на 7,2% на клиента.

Роль
Продуктовый дизайнер
Продукт
Займы, кредиты, карты
Период
Июнь — сентябрь 2026
Статус
100% трафика МФО

Задача

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

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

Дизайн делал для всей авторизованной витрины: займы, кредиты, карты, мультивитрина. Первую итерацию тестировали на займах, у МФО своя витрина, и тест не задевает остальные продукты.

Два концепта

Рыба. Почему не стали сразу рисовать одну карточку: не знали, в чем проблема, в объеме информации или в подаче. Какие гипотезы были у каждого концепта.

Рыба. Подробный концепт: что на нем было и откуда паттерн (тест MoneyMan). Минималистичный: что оставили на карточке и что убрали в попап.

Как выбирали

  • Качественный тест, 8 респондентов. Диапазон «одобрено от 2 000 до 14 500» на одной карточке путал: «так сколько мне одобрили?». Людям нужен выбор из конкретных сумм — взяли мультикарточку.
  • Минималистичный стиль отказались развивать: почти всем было неудобно скакать глазами по карточке.
  • Вместо одной пугающей «Продолжить» — «Получить N ₽» и текстовая «Подробнее». i-иконку не используем.
  • Дату возврата на карточке подтвердил опрос: 90,7% считают ее нужной или полезной.

Дизайн карточки

Анатомия

Рыба. Из чего состоит карточка и почему именно в таком порядке: сумма, срок, сумма и дата возврата, срок без процентов, теги, кнопки. Почему не больше пяти параметров и почему крупно только сумма.

Мультикарточка

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

Десктоп и шаблоны

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

Было и стало

Было Стало
Карточек на оффероднадо трех: нужная сумма, максимальная, все условия
Одобренные условияв попапесразу на карточке
Кнопка«Продолжить» → попап«Получить N ₽» → сразу к партнеру
Возврат—дата и сумма к возврату
Детали—текстовая кнопка «Подробнее»

Результат

A/B на витрине МФО, 22–29 сентября 2026: неделя, трафик 50/50, около 61 тысячи клиентов в каждой группе. Ниже — клиенты, которые видели блок «Одобренные». Все изменения значимы.

61% → 66%
перешли к оформлению из блока
+6,5%
выдач по офферам из блока
+7,2%
выручки из блока на клиента
Было Стало
Переход из блока61,0%66,1%
Выдача по офферу из блока13,2%14,1%
Выручка из блока на клиента491 ₽527 ₽
Клик в «Все предложения»56,8%55,0%
  • Без матрицы сумм переходы выросли на 13%: работает сама карточка с «Получить N ₽», не только выбор суммы.
  • Самая денежная подкарточка — минимальная или максимальная сумма: оформили 9,7% увидевших, это больше половины выручки блока.
  • Со 2 октября 2026 новый формат включен на всем трафике МФО.

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

Что важно в этом кейсе

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

Selected work

  • Banki.ru mobile interface — product showcase and rate comparison

    Banki.ru — Product showcase

    Rate tables and comparison views across the marketplace: how a user narrows hundreds of offers down to the few worth applying for.

  • Banki.ru mobile interface — credit card selection

    Banki.ru — Credit cards

    Card selection and application flow — from filtering by grace period and cashback to the issuer’s own form.

  • Banki.ru mobile interface — accordion application for loans and microloans

    Banki.ru — Accordion application

    Shared loans and microloans form that only half of users finished. Rebuilt as one accordion screen and checked on a live prototype I built myself.

  • Banki.ru mobile interface — income verification step for loans and microloans

    Banki.ru — Income verification

    After the application, users must prove income for lenders. Most skip it — especially microloan users. Redesigned the step and checked it on the same live prototype as the accordion form.

  • NoMail mobile interface — AI-sorted inbox

    NoMail — AI inbox

    Mobile app that sorts and summarises email with AI. Built fast, for hypothesis testing and an investor presentation.

  • TrendAgent mobile interface — listings and search

    TrendAgent — Agent platform

    Yandex Maps inside a B2B platform for real estate agents: pins for three object types, routes, traffic by hour — so agents stop leaving for external maps.

  • Alcon iPad interface — surgical kit builder

    EPAM × Alcon — Surgical kits

    iPad app for Alcon sales managers, used to assemble the bill of materials live during meetings with hospital chief physicians.

  • Permata Bank mobile interface concept

    Permata Bank · Concept

    Self-initiated redesign concept for an Indonesian bank mobile app: accounts, transfers and cards.