Chamri Bank
Проработка пользовательского пути и визуальной системы для раздела благотворительности в банковском приложении.
  • Идея & проблематика
    Современные пользователи ожидают от финансовых услуг не только удобства и прозрачности, но и возможности оказывать положительное социальное воздействие. Моей целью было создать значимый банковский опыт, при котором благотворительность стала бы естественной частью повседневных финансовых привычек. Каждый перевод, покупка и экономия могут способствовать реализации социальных инициатив — легко, прозрачно и всего одним нажатием кнопки.
  • Цели проекта
    Целью работы стало создание единой системы пожертвований, интегрированной в основные банковские потоки, чтобы пользователи могли легко поддерживать социальные проекты и отслеживать их эффективность.
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 Эксперементы
Пользовательский путь
Тестировала разные сценарии процесса пожертвований:
  • мгновенные пожертвования фиксированной суммы и настройка регулярных взносов.
  • геймифицированная система достижений и наград, стимулирующая пользователей принимать участие.
  • эксперименты с форматами обратной связи — экран благодарности и сообщения, подчеркивающие социальное влияние каждого пожертвования.

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

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

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

Work process

  • Бизнес-цель: Увеличить выручку за счет перекрестных продаж
    Одна из наших ключевых гипотез заключалась в том, что если пользователи разблокируют доступ к специальным финансовым продуктам (например, к более высокому кэшбэку или другим бонусам) после достижения определенного порога пожертвований, они с большей вероятностью воспользуются дополнительными услугами. Это повысит их мотивацию и вовлечённость в использование дополнительных сервисов.
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-уведомления, отчеты о пожертвованиях и сбор обратной связи, а также единую дизайн-систему обеспечивает единообразие на всех точках взаимодействия и позволяет в будущем без проблем расширять функционал благотворительных сервисов.