Cards: turning a card into a product Карты: как сделать карту продуктом

Context

Контекст

The old tab: a card carousel with no account Старая вкладка: карусель карт без счёта

Profee is built for cross-border remittances. By autumn 2025 it also had a wallet people could top up. The old Cards tab showed a carousel of cards, four buttons, an empty history – and no sign of the account a card is linked to

Profee — сервис международных переводов. К осени 2025 в нём уже был кошелёк, который можно пополнять, и вкладка «Карты», доставшаяся от старой версии приложения: карусель карт, четыре кнопки, пустая история, а счёт, к которому привязана карта, нигде не показан

How cards work

Every card comes with its own EUR account – that is where its money lives and what it spends from. The design had to make that link obvious

Competitors – Wise, Revolut, N26 – all offered virtual or physical cards. There was no user research behind the card – only a competitive gap and the hope that a card people like would turn the wallet from a transit point into a place to keep money

Как устроены карты

У каждой карты свой счёт в евро — на нём лежат её деньги, с него она и тратит. Дизайн должен был сделать эту связь очевидной

У всех конкурентов — Wise, Revolut, N26 — были карты, виртуальные или пластиковые. Решение делать карту не опиралось на исследования: только отставание от конкурентов и надежда, что удобная карта превратит кошелёк из перевалочного пункта в место, где деньги хранят

What the design had to do

Что должен был сделать дизайн

1. Make the model clear: there’s an account you top up and send money from, and a card linked to it that works like any card
2. Put everything you do with a card on one screen, not a screen per action
3. Show what a top-up costs before the person picks how to pay

1. Сделать понятной связку: есть счёт — его пополняют и с него отправляют деньги, и есть привязанная к нему карта — ею платят как обычной картой
2. Собрать всё, что делают с картой, на одном экране, а не по экрану на действие
3. Показать, сколько стоит пополнение, до того как человек выберет способ

Before

До

The Cards tab, October 2025 Вкладка «Карты», октябрь 2025

Real screenshots from the app before the redesign. Cards sit in a carousel of tiles with no link to the account behind them, every action is a separate screen, and the empty state asks you to make a transfer – not to use the card

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

Cards tab Вкладка «Карты» Card carousel on top, four round buttons, an empty history that asks for a transfer Сверху карусель карт, четыре круглые кнопки и пустая история, которая предлагает сделать перевод

Issue a card Выпуск карты A picture of the card, one line of copy, Issue now Картинка карты, одна строка текста, «Выпустить сейчас»

Top up Пополнение From account to card, presets of 100 / 25 / 10 €, fee shown as a dash Со счёта на карту, готовые суммы 100 / 25 / 10 EUR, вместо комиссии прочерк

Card details Данные карты Balance, card image, a menu of five items – Google Pay, limits, statement, fees, PIN Баланс, картинка карты и меню из пяти пунктов — Google Pay, лимиты, выписка, тарифы, ПИН-код

Research

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

Studied the competition before drawing a single screen Разобрала конкурентов, прежде чем рисовать

Before designing, I went through Revolut, N26, Monzo, Wise, Cash App and Vivid scenario by scenario: how they show card states, where freeze lives, how top-up fees are shown and how a blocked card recovers

До проектирования я прошла Revolut, N26, Monzo, Wise, Cash App и Vivid по сценариям: как они показывают состояния карты, где находится заморозка, как показана комиссия при пополнении и как выйти из блокировки карты

Scope

Объём работы

A full product area – not a single feature Целый раздел приложения

Cards is a section with its own tab and structure, not one flow. I designed every scenario in it

У карт своя вкладка и своя структура, и все сценарии в ней я спроектировала сама

Copy and localization

With the head of design I built Claude agents that follow our editorial rules, and with them I wrote, checked and translated every string into 13 languages. Strings first went to Phrase via Claude, then straight into the iOS and Android code – and we dropped Phrase

Тексты и локализация

С хедом дизайна мы собрали агентов на Claude, которые пишут по нашей редполитике, и с ними я написала, проверила и перевела на 13 языков все тексты раздела. Сначала строки уходили во Phrase через Claude, потом — сразу в код iOS и Android, а от Phrase мы отказались

Iterations

Итерации

Started from the balance, ended with the card Начали с баланса, пришли к карте

Accounts came first in Profee, so the first versions started there: the familiar account screen with the balance on top, and the card fitted in as a tile or a strip. But Cards is its own section of the app, and the link only goes one way – every card has an account, while an account can live without a card. So the tab turned card-first, and the account screen kept the balance on top, with the card added as a strip

Счета в Profee появились раньше карт, поэтому первые версии шли от них: привычный экран счёта с балансом наверху, а карта встраивалась плиткой или полоской. Но карты — отдельный раздел приложения, и связь работает только в одну сторону: у каждой карты есть счёт, а счёт может жить и без карты. Поэтому во вкладке главной стала карта, а экран счёта сохранил баланс наверху и получил полоску карты

Starting point Отправная точка An ordinary account in Accounts – the screen cards had to fit into Обычный счёт во вкладке «Счета» — экран, в который нужно было встроить карты

Balance first Сначала баланс The card as a tile under the balance, an empty history Карта плиткой под балансом, история пуста

Balance first, history Сначала баланс и история Cards as thumbnails, the history of top-ups and transfers right under the balance Карты — миниатюрами, история пополнений и переводов сразу под балансом

Balance first, card strip Сначала баланс, карта полоской The card shrinks to a strip between the balance and the history Карта сжимается до полоски между балансом и историей

Card first Сначала карта A big card, the balance under it, Add to Apple Wallet as the main action Большая карта, под ней баланс, главное действие — «Добавить в Apple Wallet»

Card on top, account below Карта сверху, счёт под ней The card fills the top, the linked account is a separate block under it – close to what shipped Карта занимает верх экрана, привязанный счёт — отдельный блок под ней. Почти то, что вышло в итоге

Several cards Несколько карт Thumbnails on top to switch between cards Миниатюры сверху, чтобы переключаться между картами

The numbers are from the panel group; the colleagues who got to the tasks also completed all of them. Samples this small make the comments matter more than the times: one person had to search for the freeze and missed the step where you pick the recipient, another asked for a separate section for the card, and a colleague expected to start a transfer first and pick the card after – not to open the card to send money. The test confirmed the flow was clear – nothing essential changed after it

Цифры — по группе из панели; коллеги, которые дошли до задач, тоже выполнили все. На такой маленькой выборке комментарии важнее времени: один участник искал заморозку и пропустил шаг выбора получателя, другой попросил отдельный раздел для карты, а коллега ожидала, что сначала начнёт перевод и уже потом выберет карту — а не заходить в карту, чтобы отправить деньги. Тест подтвердил, что сценарий понятен, — существенных изменений после него не было

Cards tab Вкладка «Карты» The card leads, its linked account and balance are one tap away above it Карта главная, привязанный счёт и баланс — в одно касание над ней

Linked account Привязанный счёт The existing account screen, with the card added as a strip under the balance Прежний экран счёта, в который добавилась полоска карты под балансом

The rule that settled it: every card has an account, but not every account has a card – so the card leads in Cards, and the balance leads in the account

Спор решило правило: у каждой карты есть счёт, но не у каждого счёта есть карта. Поэтому в «Картах» главная карта, а в счёте — баланс

Design decisions

Решения

Fees and freezing Комиссия и заморозка

Fee transparency in top-up – goal 3

Every way to pay has its own fee and speed – from the Profee wallet and a card to Google Pay, Apple Pay and a bank transfer. Both are shown as tags right in the list of methods, before the user chooses, so the confirmation screen holds no surprises. The flow went through three iterations in two weeks; each one made the fee clearer

Комиссию видно сразу (цель 3)

У каждого способа пополнения своя комиссия и скорость — от кошелька Profee и карты до Google Pay, Apple Pay и банковского перевода. И то и другое стоит метками прямо в списке способов, ещё до выбора, поэтому на экране подтверждения сюрпризов нет. За две недели сценарий прошёл три итерации, и с каждой комиссия становилась понятнее

Freeze

A freeze is only useful if it feels reversible – if people aren’t sure they’ll get access back, they won’t tap it. So the freeze is designed as a story with no dead ends: a toast and a frosted card while it is frozen, an explanation one tap away behind the ?, and a failure state with a way out

Заморозка

Заморозка полезна, только если понятно, что её можно отменить: если человек не уверен, что вернёт доступ к деньгам, он не нажмёт. Поэтому в заморозке нет тупиков: уведомление и заиндевевшая карта, объяснение в одно касание за значком «?» и экран ошибки, из которого всегда есть выход

Card active Карта активна Freeze is one tap away – and the ? next to it opens the explanation Заморозить можно в одно касание, а «?» рядом открывает объяснение

Card is frozen Карта заморожена A toast confirms it; the card art frosts over, Card details is disabled Уведомление подтверждает, карта покрывается инеем, «Данные карты» недоступны

What happens when I freeze Что будет, если заморозить Behind the ? – payments pause, the balance stays safe, unfreeze anytime За значком «?»: платежи встанут, баланс в безопасности, разморозить можно в любой момент

Card is unfrozen Карта разморожена Back to active: the frost clears and every action returns Снова активна: иней сходит, все действия возвращаются

If it fails Если не получилось One error pattern for freeze and unfreeze: what state the card is in now, and two ways out Один экран ошибки для заморозки и разморозки: в каком состоянии карта сейчас и два выхода

Results

Результаты

Twice as many open the tab, but money stays in the wallet Вкладкой пользуются вдвое чаще, но деньги держат в кошельке

The new Cards tab launched on March 6, 2026 on iOS and Android. Comparing April, the first full month, with August, Amplitude shows two things at once

Новая вкладка «Карты» вышла 6 марта 2026 года на iOS и Android. Если сравнить апрель, первый полный месяц, с августом, данные Amplitude говорят сразу о двух вещах

The product area is alive

Card issuance settled into a steady monthly rate after the launch spike, and the share of active senders who open the Cards tab in a month doubled

Раздел живёт

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

The card is not yet the reason to keep money

The share of senders who top up the wallet grew seven times, from 1.5% to 10.5% – through Google Pay, Apple Pay and BLIK, top-up methods that weren’t part of this project. Fewer than 5% of them hold a card. Card payments themselves aren’t visible in Amplitude – they happen at the card processor. The closest signal: 40% of Android card holders open Google Pay from the card within 30 days, most within seconds of issuing it. On iOS, where the Apple Wallet button was cut, there is no such path

Держать деньги из-за карты пока не стали

Доля отправителей, которые пополняют кошелёк, выросла в семь раз, с 1,5% до 10,5% — через Google Pay, Apple Pay и BLIK, а эти способы пополнения в мой проект не входили. Карта есть меньше чем у 5% из них. Сами оплаты картой в Amplitude не видны — они проходят на стороне процессинга. Самый близкий косвенный сигнал: 40% владельцев карты на Android открывают Google Pay прямо из карты в первые 30 дней, большинство — через несколько секунд после выпуска. На iOS, где кнопку Apple Wallet пришлось убрать, такого пути нет

Reflection

Выводы

What I learned, and what’s next Что я поняла и что дальше

How cards and accounts relate mattered more than any single screen. One account per card shaped the structure and the direction of the iterations, and it explains why the card still stands apart from the money people keep in Profee

То, как связаны карты и счета, оказалось важнее любого отдельного экрана. Принцип «Один счёт — одна карта» определил структуру и направление итераций, и этим же объясняется, почему карта пока живёт отдельно от денег, которые люди держат в Profee

What’s next

The wallet grew without the card, so the card has to move closer to it: one balance, and a card that spends straight from it. Then every Google Pay or Apple Pay top-up is money the card can already spend, with no transfer in between

Что дальше

Кошелёк вырос без карты — значит, карта должна стать ближе к нему: один баланс и карта, которая тратит прямо с него. Тогда каждое пополнение через Google Pay или Apple Pay — это деньги, которые картой уже можно потратить, без перевода между счетами