Проработка пользовательского пути и визуальной системы для раздела благотворительности в банковском приложении.
  • Идея & проблематика
    Современные пользователи ожидают от финансовых услуг не только удобства и прозрачности, но и возможности оказывать положительное социальное воздействие. Нашей целью было создать значимый банковский опыт, при котором благотворительность стала бы естественной частью повседневных финансовых привычек. Каждый перевод, покупка и экономия могут способствовать реализации социальных инициатив — легко, прозрачно и всего одним нажатием кнопки.
  • Цели проекта
    Целью работы стало создание единой системы пожертвований, интегрированной в основные банковские потоки, чтобы пользователи могли легко поддерживать социальные проекты и отслеживать их эффективность.
Low-fidelity wireframes

Мои задачи

Во время работы над дизайном для раздела благотворительности моей главной задачей стало интегрирование системы пожертвований в экосистему банка таким образом, чтобы она казалась естественной в рамках существующего пользовательского опыта. Моей целью было внедрить возможности пожертвований в привычные банковские сценарии, такие как настройка периодических пожертвований или выплата части кэшбэка, без нарушения общего потока пользователей.
Дизайн процесс
Исследование
User research
Product audit
interview
Определение задачи
Problem definition
Product hypothesis
User persona
Генерация идей
Userflow
Mind Map
CJM
Brainstorming
Прототипирование
Ui design
Interactive prototype ‭→
Usability testing
01. Исследование пользователей
& UX Эксперементы
Пользовательский путь
Тестировались разные сценарии процесса пожертвований:
  • мгновенные пожертвования фиксированной суммы и настройка регулярных взносов.
  • Была внедрена геймифицированная система достижений и наград, стимулирующая пользователей принимать участие.
  • Проводились эксперименты с форматами обратной связи — экран благодарности и сообщения, подчеркивающие социальное влияние каждого пожертвования.
Также тестировались различные варианты онбординга: пошаговое руководство с подсказками (A/B-тест) против минималистичного сценария знакомства с продуктом.

Основная навигация
  • Исследовались различные варианты главного экрана: карточный вариант с акцентом на визуальные истории благотворительных инициатив / списковое представление доступных проектов.
  • Также тестировались альтернативные способы отображения истории пожертвований: визуальная аналитическая панель с графиками и разбивкой по категориям / традиционный список транзакций с краткими описаниями.

Благотворительность как уникальная особенность
  • Изучались различные механики совершения пожертвований: округление платежей до ближайшей суммы в пользу благотворительности / автоматическое перечисление процента от кэшбэка / настройка регулярных (повторяющихся) взносов.
  • Сравнивались разные форматы отображения прогресса: общий счётчик пожертвований всех пользователей против персональной статистики вклада каждого участника.
  • Тестировались различные стили уведомлений: мгновенные сообщения благодарности («Спасибо, что поддержали этот проект») и еженедельные сводки с общей суммой сделанных пожертвований.

Уведомления и обратная связь
  • Тестировалось время отправки push-уведомлений: мгновенные (после каждой операции) / групповые (раз в неделю и далее).
  • Было уделено внимание и тону сообщений: нейтральный / эмоциональный (например: «Вы помогли детям получить новые книги»).

Рабочий процесс, созвоны с ментором

  • Бизнес-цель: Увеличить выручку за счет перекрестных продаж
    Одна из ключевых гипотез заключалась в том, что если пользователи разблокируют доступ к специальным финансовым продуктам (например, к более высокому кэшбэку или другим бонусам) после достижения определенного порога пожертвований, они с большей вероятностью воспользуются дополнительными услугами. Это повысит их мотивацию и вовлечённость в использование дополнительных сервисов.
02. Продуктовые гипотезы
  • Лояльность и удержание:
Гипотеза: если пользователи будут видеть прозрачные отчёты, показывающие, как именно их пожертвования помогают конкретным проектам, они будут чаще возвращаться в приложение и использовать его как свой основной банк. Бизнес цель: повысить уровень удержания пользователей и увеличить их пожизненную ценность (LTV).

  • Восприятие бренда
Гипотеза: если в маркетинговых коммуникациях акцентировать социальную миссию банка, пользователи будут чаще рекомендовать продукт друзьям и коллегам. Бизнес цель: стимулировать органические установки приложения за счёт рекомендаций (реферального эффекта).

  • Партнёрства с благотворительными организациями и бизнесом
Гипотеза: интеграция каталога благотворительных фондов и проектов внутри приложения позволит банку привлечь партнёров, готовых оплачивать продвижение своих инициатив в рамках банковской экосистемы. Бизнес-цель: создать новый источник дохода за счёт B2B-партнёрств.
Формирование структуры в экранах
03. Тестирование благотворительной функции
На первом этапе тестирования внимание было сосредоточено на интеграции всех ключевых компонентов системы, чтобы проверить её сквозную работу и выявить «узкие места» — участки, где пользовательский путь прерывался или содержал лишние шаги (регистрация, верификация личности, переводы и платежи). Особое внимание уделялось системе благотворительности: пользователи тестировали функции округления платежей в пользу фондов, настройки регулярных пожертвований и просмотра отчётов в истории транзакций. Тестовые сценарии включали:
  • оплату услуги с возможностью округлить сумму в пользу благотворительного фонда;
  • настройку регулярного пожертвования (например, 1% от всех расходов по карте);
  • просмотр отчёта о сделанных пожертвованиях в истории транзакций;
  • получение уведомления «Спасибо за ваш вклад» после совершения транзакции.
Donation Flow Screens
04. Дизайн-система
Разработала дизайн-систему с нуля для мобильного приложения, задав единый визуальный стиль и логику интерфейса.
Система была построена на принципах Human Interface Guidelines и включала:
— библиотеку UI-компонентов,
— дизайн-токены,
— типографику, цветовую палитру,
— правила адаптивности и интерактивных состояний.
В Figma была создана структурированная библиотека компонентов с использованием Auto Layout, что упростило поддержку интерфейса и масштабирование продукта.
Design system
Оптимизация UX/UI
После анализа результатов были пересмотрены следующие сценарии взаимодействия с пользователем:
Уточнение и улучшение уведомлений: 1.Настройка push-уведомлений о транзакциях, состоянии счета и новых предложениях. 2.Определение оптимального количества уведомлений, чтобы не перегружать пользователя.

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

Оптимизация параметров работы: автоматическое заполнение часто используемых данных для ускорения проведения транзакций.
05. UI Дизайн результаты
Функция благотворительности в мобильном банковском приложении позволяет пользователям делать взносы легко и прозрачно, превращая процесс пожертвований в простой и значимый опыт. Интегрированная бренд-экосистема, включая push-уведомления, отчеты о пожертвованиях и сбор обратной связи, а также единую дизайн-систему обеспечивает единообразие на всех точках взаимодействия и позволяет в будущем без проблем расширять функционал благотворительных сервисов.


Достижения

  • Изучила...
  • Разработала...
  • Повышайте доверие и удовлетворенность пользователей, предоставляя отслеживание пожертвований в режиме реального времени и прозрачные отчеты...
  • Создала масштабируемую систему проектирования и экосистему, включая push—уведомления, историю пожертвований и сбор отзывов, для поддержки дальнейшего расширения возможностей благотворительной деятельности.