Chamri Bank
Проработка пользовательского пути и визуальной системы для раздела благотворительности в банковском приложении.
Role: UX/UI designer
Team: 2 Product managers, 2 UI/UX Designer, 1 Frontend Developer, 2 Backend Developer, 1 QA Engineer, Accessibility Consultants
Users: People with disabilities, caregivers and family members, volunteer mappers, urban planners, local government authorities, and business owners
Timeline: 2023–2025
  • Идея & проблематика
    Современные пользователи ожидают от финансовых услуг не только удобства и прозрачности, но и возможности оказывать положительное социальное воздействие. Нашей целью было создать значимый банковский опыт, при котором благотворительность стала бы естественной частью повседневных финансовых привычек. Каждый перевод, покупка и экономия могут способствовать реализации социальных инициатив — легко, прозрачно и всего одним нажатием кнопки.
  • Цели проекта
    Целью работы стало создание единой системы пожертвований, интегрированной в основные банковские потоки, чтобы пользователи могли легко поддерживать социальные проекты и отслеживать их эффективность.
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-уведомлений: мгновенные (после каждой операции) / групповые (раз в неделю и далее).
  • Было уделено внимание и тону сообщений: нейтральный / эмоциональный (например: «Вы помогли детям получить новые книги»).

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


Достижения

  • Увеличение участия пользователей в благотворительных взносах на 28% за счет упрощения потоков пожертвований и автоматического округления транзакций;
  • Увеличение регулярных пожертвований на 22% за счет простой настройки регулярных взносов;
  • Снижение сложности операций, связанных с пожертвованиями, на 15% благодаря автоматическому заполнению реквизитов и гибким возможностям ввода данных;
  • Повышайте доверие и удовлетворенность пользователей, предоставляя отслеживание пожертвований в режиме реального времени и прозрачные отчеты;
  • Создала масштабируемую систему проектирования и экосистему, включая push—уведомления, историю пожертвований и сбор отзывов, для поддержки дальнейшего расширения возможностей благотворительной деятельности.