Фин Флекс — Кира Кузнецова

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

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

Фин Флекс

О проекте

Цель

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

Анализ рынка
Создание ЦА-гипотез
Глубинные интервью
Колич. исследования
Создание персон
Проблемы и решения

Проектирование

• User Flow
• Разработка вайрфреймов

Визуальный дизайн

• Проектирование интерфейса
• Разработка UI-kit’а
• UX-ревью
• Исправление ошибок

• Адаптивный онбординг, определяющий профиль пользователя.

• 3 версии главного экрана, приоритизирующие функции для персон.

• Ключевой пользовательский сценарий для фрилансера — быстрое создание и отправка инвойса зарубежному клиенту.

Завершенные экраны

Этапы работы

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

Анализ рынка

Создание ЦА-гипотез

Глубинные интервью

Колич. исследования

Создание персон

Проектирование

Функциональная карта

User Flow

Разработка вайрфреймов

Визуальный дизайн

Проектирование интерфейса

Разработка UI-kit’а

UX-ревью

Исправление ошибок

Ключевой пользовательский сценарий для фрилансера — быстрое создание и отправка инвойса зарубежному клиенту

3 версии главного экрана, приоритизирующие функции для персон

Адаптивный онбординг, определяющий профиль пользователя

Завершенные экраны

Этапы работы

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

Бенчмаркинг

Первым этапом я провела сравнительный анализ по банковским приложениям (выбрала ключевые банки, охватывающие значимые сегменты рынка: Т-банк, Яндекс Пэй, Точка, Raiffeisen, Revolut и N26).

Выявила для Фин Флекс синергию решений — надежность традиционных банков, ориентированность на бизнес B2B-игроков и современный UX финтехов.

Схема стратификации рынка

Основной функционал конкурентов

Вывод

Сфокусироваться на функциях для бизнеса: мультиподпись, массовые платежи, ЭДО и интеграция с 1С

Позаимствовать инновационные фичи у международных финтехов: P2P-счета для проектов, замороженные платежи, управление подписками, заморозка средств и цели

Улучшить аналитику и управление финансами: более детализированная и наглядная аналитика, чем у конкурентов. Например, тегирование транзакций и создание отчетов

Обеспечить бесшовный пользовательский опыт: онбординг и чат с поддержкой. Важны для удержания пользователей

Сравнительная таблица функций

Интервью проводилось удаленно с записью на диктофон.

При помощи ИИ произвела конспектирование записей интервью, впоследствии проверив на достоверность переработанной информации, дополнив и исправив неверные и недостающие части интервью.

Персоны-гипотезы по большей части опроверглись, оказавшись нереалистичными и недостаточно проработанными, а интервью с фрилансером из Грузии не дало существенных инсайтов, которые можно было бы применить к продукту.
Это повлияло на решение провести количественные исследования для более комплексного и реалистичного понимания болей и потребностей.

Интервью

На основе бенчмаркинга составила 2 персоны-гипотезы (фрилансер и владелица микропредприятия) после чего подготовила вопросы и провела 2 глубинных интервью с UI/UX-дизайнером на фрилансе из-за рубежа и владелицей OOO. В ходе последнего интервью выявила еще один вид пользователя в рамках малого бизнеса — бухгалтер. Найдя подходящего кандидата провела 3-е интервью с главбухом, ведущей учет нескольких клиентов.

Итоговая таблица анализа по 3-м интервью

Интервью проводилось удаленно с записью на диктофон

Для ускорения конспектирования пропустила записи интервью через ИИ, проверив и отредактировав затем неверную и недостающую информацию

Итоги

Персоны-гипотезы по большей части опроверглись, оказавшись нереалистичными и недостаточно проработанными, а интервью с фрилансером из Грузии не дало существенных инсайтов, которые можно было бы применить к продукту.
Это повлияло на решение провести количественные исследования.

Количественные исследования

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

Вывод по анализу российских самозанятых

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

Решения

Налоговый ассистент: автоматизация расчета и уплаты налогов, подготовка отчетности для ИП/самозанятых.
Автоматизированное и упрощенное выставление счетов международных инвойсов с шаблонами и интеграцией валютного контроля.
Упрощенный валютный контроль: шаблоны документов, быстрый вывод средств с международных платформ.
Привязка абонентской платы к реальной активности и гибкие тарифы.
Проактивная защита от блокировок и быстрый процесс восстановления доступа.
Встроенные фриланс-инструменты — учет проектов и времени

Вывод по анализу малого бизнеса

Боли, описанные Саярой (фрагментация, ненадежность, раздражение от интерфейса), подтверждаются количественными исследованиями.

Решения

Система безопасности с интуитивными экранами разблокировки и статусом этого процесса.
Интуитивная и этичная система для монетизации (подписки, комиссии).
Гибридный чат поддержки с трекингом обращений и интерактивными элементами.
Упрощенные и прозрачные кредитные потоки с умными предупреждениями.
Единый дэшборд и лента операций как ответ на фрагментацию.

Источники: Отзывы с Banki.ru, обсуждения на Хабре, тематические статьи на VC.ru

Количественные исследования

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

Вывод по анализу российских самозанятых

Российский фрилансер живет в более напряженной и регулируемой среде, чем Марк из Грузии. Ключевые боли связаны с бюрократией (сложные процедуры получения платежей из-за рубежа), недоверием к финансовым институтам (внезапные блокировки) и поиском финансовой стабильности.

Решения

Налоговый ассистент: автоматизация расчета и уплаты налогов, подготовка отчетности для ИП/самозанятых

Автоматизированное и упрощенное выставление международных счетов (инвойсов) с шаблонами и интеграцией валютного контроля

Упрощенный валютный контроль: шаблоны документов, быстрый вывод средств с международных платформ

Привязка абонентской платы к реальной активности и гибкие тарифы

Проактивная защита от блокировок и быстрый процесс восстановления доступа

Встроенные фриланс-инструменты: учет проектов и времени

Вывод по анализу малого бизнеса

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

Решения

Система безопасности с интуитивными экранами разблокировки и статусом этого процесса

Интуитивная и этичная система монетизации (подписки, комиссии)

Гибридный чат поддержки с трекингом обращений и интерактивными элементами

Упрощенные и прозрачные кредитные потоки с умными предупреждениями

Единый дэшборд (агрегация остатков, документы) и лента операций как ответ на фрагментацию

Персоны

На основе проведённых исследований собрала законченные персоны:

Ценные выводы

Исследования в виде нескольких интервью и анализа отзывов ЦА конкурентов помогли понять, что первые персоны-гипотезы оказались нереалистичными и плоскими, опровергнув первоначальные предположения о потребностях пользователей банковских приложений.
При помощи этих UX инструментов я выстроила для себя понимание продукта, раскопала настоящие боли и потребности пользователей и пришла к логичным решениям по функционалу приложения, их приоритизации, а затем и решениям в проектировании интерфейса.

Проектирование

Функциональная карта

На данном этапе составила свободную функциональную карту, отображающую и экраны, и функции:

Приоритетные функции

Быстрые шаблоны и умный поиск контрагентов

Переключение между счетами разных юрлиц

Ключевые операции — платежи, выписки, массовые выплаты

Режим многопользовательского редактирования

(статусы документов «Черновик», «На подписании», «Готово к отправке», видимое всем пользователям)

Бухгалтер

Счета из других банков
Документооборот: возможность прикрепить скан чека / договора к конкретной операции

Налоговый ассистент

Календарь с датами платежей и напоминаниями

ИИ-помощник (подготовка декларации)

Push-уведомления с действиями

Поддержка

Переключение Бота и Оператора

Трекинг обращения (прогресс-бар)

Безопасность

Статус безопасности аккаунта и восстановление доступа через чат поддержки

Статус счета

Интуитивный процесс разблокировки с трекингом статуса

Общие решения

Единый дэшборд (агрегация счетов, предстоящие платежи, документооборот)

Встроенная аналитика

(автоматическая категоризация платежей, визуализация рентабельности, прогнозы ИИ-ассистента)

Защита от ошибок

(согласования, валидация платежей)

Гипер-подтверждение платных услуг и отображение комиссий

Упрощенные, прозрачные кредитные потоки (предупреждения о платежах, кнопка «Погасить досрочно»)

Отключение рекламы

Предприниматель

Фрилансер

Налоговый ассистент

Упрощенный валютный контроль

Умные инвойсы (статусы инвойсов, автоматические напоминания клиентам)

Пассивное финансовое планирование

Встроенные фриланс-инструменты (учет времени по проектам, привязка оплат к задачам)

Фрилансер

Налоговый ассистент

Упрощенный валютный контроль

Умные инвойсы

Пассивное финансовое планирование

Встроенные фриланс-инструменты

Гибкий тариф только за совершенные операции

Предприниматель

Единый дэшборд — агрегация счетов, платежи, документооборот

Встроенная аналитика

Согласования, валидация платежей

Многопользовательское редактирование

Упрощенные, прозрачные кредитные потоки

Бухгалтер

Ключевые операции — платежи, выписки, массовые выплаты

Интеграция с 1С

Переключение между счетами разных юрлиц

Многопользовательское редактирование

Валидация платежей и индикация рисков в зарплатных проектах

Режим «Архивный доступ»

Дополнительно

Настройка рабочего пространства и возможность откатиться на старую версию интерфейса

Операции с фильтрами

Быстрые шаблоны и умный поиск контрагентов

Гипер-подтверждение платных услуг и отображение комиссий

Отключение рекламы

Далее составила приоритетные функции для каждой персоны, чтобы сконцентрироваться на конкретных ключевых пользовательских путях, поскольку я проектирую только часть продукта. Также отдельно вынесла функции, важные для всех.

Узнать о приложении

Создать аккаунт

Онбординг

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

Онбординг и регистация

Количественные и качественные исследования показывали, что пользователи жалуются на длинные шаги, поэтому первое знакомство решено было сделать простым и быстрым. Можно сразу же перейти к созданию аккаунта или пропустить онбординг и некритичные шаги на этапе регистрации. Всегда есть «аварийные выходы» в виде кнопок «Назад», «Пропустить всё» и поддержки.

Визуальный дизайн

Итоги

ицаинтервью

В ходе онбординга пользователь указывает свой основной профиль деятельности. В последующем система, на основе этого выбора, приоритизирует функции и настраивает главный экран и навигацию, показывая релевантные для персоны сценарии и скрывая нерелевантные.

На основе

Интервью

Итоги

Быстрый вход с выбором способа

На основе

Интервью

Операции
с фильтрами

Ключевые действия и поиск

Панель быстрых действий

Аналитика

Статус безопасности аккаунта

Виджеты ключевых действий

Все счета

Бухгалтер

Предприниматель

Фрилансер

Главные экраны

Создала вайрфреймы адаптивных интерфейсов на основе приоритетных функций каждой персоны. Рабочее пространство пользователя имеет свой цвет по роду деятельности для узнаваемости своей среды.

Визуальный дизайн

Раздел «Счета»
и создание нового счёта сразу на Главной,
что ускоряет задачу пользователя.

Номер и дата счета генерируются автоматически.
Их можно редактировать.

Точка входа с главного экрана

Бухгалтер

Предприниматель

Создала вайрфреймы адаптивных интерфейсов для персон на основе приоритетных функций. Рабочее пространство каждой персоны имеет свой цвет для узнаваемости.

User Flow фрилансера — создание инвойса

Выбор типа счёта

Бухгалтер

Предприниматель

Создала вайрфреймы адаптивных интерфейсов для персон на основе приоритетных функций. Рабочее пространство каждой персоны имеет свой цвет для узнаваемости.

User Fow фрилансера — создание инвойса

Информирование пользователя о процессе

Добавление услуг

Бухгалтер

Предприниматель

Создала вайрфреймы адаптивных интерфейсов для персон на основе приоритетных функций. Рабочее пространство каждой персоны имеет свой цвет для узнаваемости.

User Fow фрилансера — создание инвойса

Второстепенная информация в открытом состоянии

Второстепеная информация спрятана, чтобы не загромождать экран

Редактирование документа на данном экране

Предпросмотр итогового документа

Бухгалтер

Предприниматель

Создала вайрфреймы адаптивных интерфейсов для персон на основе приоритетных функций. Рабочее пространство каждой персоны имеет свой цвет для узнаваемости.

User Fow фрилансера — создание инвойса

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

Бухгалтер

Экран успеха

Предприниматель

Создала вайрфреймы адаптивных интерфейсов для персон на основе приоритетных функций. Рабочее пространство каждой персоны имеет свой цвет для узнаваемости.

User Fow фрилансера — создание инвойса

Посмотреть детали инвойса можно, нажав на строку

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