Финтех, мобильный банкFintech, mobile banking
VestaVesta
Мобильный банк с тёплым коралловым брендом. Главное — сценарий перевода другу со всеми краевыми состояниями, продуктовая часть с метриками и живой прототип, который можно потрогать.A mobile bank with a warm coral brand. The core is a send-money flow with every edge state, a product layer with metrics and a live prototype you can try.
- РольRole
- Продуктовый дизайнер, один на проектеProduct designer, solo
- ТипType
- Концепт банковского приложенияBanking app concept
- ПлатформаPlatform
- iOS 390iOS 390
- ОбъёмScope
- Бренд, дизайн-система, 18 экранов, 7 краевых состояний, прототипBrand, design system, 18 screens, 7 edge states, prototype
- ИнструментыTools
- Figma, FigJam, Higgsfield AI, HTML/CSS/JS для прототипаFigma, FigJam, Higgsfield AI, HTML/CSS/JS for the prototype
В Figma открыты отдельные фрагменты проекта. Полную версию покажу по запросу.The Figma file shows selected parts of the project. The full version is available on request.

ЗадачаThe problem
Перевод другу — самое частое действие в банковском приложении и самое нервное: страшно ошибиться получателем, упереться в лимит или не понять, дошли ли деньги.
Sending money to a friend is the most frequent action in a banking app and the most nerve-racking one: you fear the wrong recipient, hitting a limit, or not knowing whether the money arrived.
Когда мне нужно вернуть другу деньги, я хочу перевести по номеру телефона за пару касаний и быть уверенным, что деньги дошли.
When I need to pay a friend back, I want to send money by phone number in a couple of taps and be sure it arrived.
Основной сценарийThe happy path

Получатель, сумма, подтверждение, результат. Комиссия, срок зачисления и итоговая сумма видны до подтверждения, а не после.
Recipient, amount, confirmation, result. The fee, arrival time and total are shown before you confirm, not after.
Краевые состоянияEdge states

- Получатель не найденNo recipient found
- Предлагаю перевести по номеру карты или пригласить человека, а не показываю пустой экран.Offer to send by card number or invite the person instead of an empty screen.
- Дневной лимитDaily limit
- Остаток лимита виден ещё при вводе суммы. Если не хватает — понятно, сколько можно отправить сейчас.The remaining limit is visible while typing the amount. If it is not enough, you see how much you can send now.
- Face ID не сработалFace ID failed
- Запасной вход по коду-паролю, перевод не сбрасывается.A passcode fallback; the transfer is not reset.
- Нет сетиNo connection
- Баннер и кнопка «Повторить». Деньги не списаны, введённое сохраняется.A banner and a Retry button. No money has left, the input is kept.
- Отказ банкаDeclined
- Причина простыми словами и что делать дальше. Отдельно — «В обработке», когда перевод ушёл, но ещё не зачислен.The reason in plain words and what to do next. Separately, ‘Processing’ when money has left but not arrived yet.
Продуктовая частьProduct layer
Для сценария перевода я собрал JTBD, журнал решений с отвергнутыми вариантами, гипотезы и метрики. Воронка: открыл перевод, выбрал получателя, ввёл сумму, подтвердил, получил успешный результат.
For the send-money flow I wrote JTBD, a decision log with rejected options, hypotheses and metrics. The funnel: opened transfer, picked a recipient, entered an amount, confirmed, got a successful result.
- Гипотеза: если показывать остаток лимита рядом с суммой, станет меньше ошибок на шаге подтверждения.Hypothesis: showing the remaining limit next to the amount reduces failures at the confirmation step.
- Метрики: конверсия в успешный перевод, время до перевода, доля отказов, доля входов по коду вместо Face ID.Metrics: conversion to a successful transfer, time to transfer, decline rate, passcode fallback rate.
- План событий аналитики под каждый шаг и каждое краевое состояние — в прототипе они видны в живом логе.An analytics event plan for every step and every edge state — the prototype shows them in a live log.
Живой прототипLive prototype
Прототип перевода сверстан в HTML и работает в браузере. Переключатели справа включают сбой Face ID, отсутствие сети и отказ банка, а лог показывает, какие события аналитики отправились бы на каждом шаге.
The send-money prototype is built in HTML and runs in the browser. Toggles on the side simulate a Face ID failure, no connection and a bank decline, and a log shows which analytics events would fire at each step.
Бренд и системаBrand and system
Название и логотип построены на модульной сетке. Тёплый коралловый вместо привычного банковского синего: бренд звучит дружелюбно, а не официально.
The name and logo are built on a construction grid. Warm coral instead of the usual banking blue makes the brand sound friendly rather than official.


