Цифровая платформа системной помощи для благотворительного фонда «Онкологика»

К нам обратилась основатель московского фонда «Онкологика» Мирослава Сергеенко с задачей создать Личный кабинет для взрослых онкопациентов — цифровую платформу, которая систематизирует помощь и станет точкой опоры для человека в стрессовой ситуации.

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

При масштабировании фонда эта модель перестала быть устойчивой и команде нужен был новый инструмент. Мирослава Сергеенко обратилась к студии Bauns за дизайном и разработкой личного кабинета. Мы работали над проектом вместе с агентством Dotorg. Они отвечали за брендинг и визуальную айдентику фонда, а мы — за проектирование, UX, дизайн интерфейса и разработку личного кабинета.

На российском рынке не существовало аналогичных решений для благотворительных фондов такого формата. Мы спроектировали продукт с нуля — без референсов, готового ТЗ и сложившейся цифровой архитектуры внутри фонда.

Задачи, которые должен был закрыть личный кабинет: 

— Структурировать процесс получения помощи;

— Снизить нагрузку на команду;

— Сделать путь к получению помощи удобным для клиентов фонда;

— Объединить заявки, документы, мероприятия и коммуникацию в одной системе;

— Стать основой для дальнейшей цифровой трансформации фонда.

За 3 недели мы собрали mvp-версию личного кабинета, а потом ещё за 3 недели выпустили его в релиз. В итоге у нас получилась цифровая платформа, которая систематизирует процесс получения помощи и снижает стресс онкопациентов на каждом этапе взаимодействия.

Ключевые решения проекта:

✔️ Вместо ручной обработки заявок и хаотичной коммуникации клиентов получил структурированный путь: от подачи заявки до отслеживания статуса помощи, загрузки документов, участия в мероприятиях и получения персональных рекомендаций.

✔️ Новый продукт объединил заявки, статусы, документы и коммуникацию в единой системе и заложил основу для дальнейшей цифровой трансформации.

Трудности, которые стояли перед нами:

— Отсутствие цифровой архитектуры и чёткого ТЗ со стороны фонда;

— Отсутствие аналогов на российском рынке;

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

Каждый год Онкологика проводит форум, где главными героями являются онкомейты — люди, которые пережили онкодиагноз и теперь помогают другим обрести силы и надежду. Нам нужно было подготовить mvp-версию личного кабинета за 3 недели, чтобы команда фонда могла представить «новый продукт» и показала его партнёрам.

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

Вместе с командой фонда разобрали их текущие процессы и работу с онкопациентами:

— как сегодня человек получает помощь;

— через какие каналы человек подаёт заявку;

— как сотрудники обрабатывают обращения;

— где возникают задержки и где клиент теряется.

В итоге зафиксировали ключевые пользовательские сценарии, определили разделы для первого релиза и сформировали 3 главных принципа проектирования интерфейса:

1. Прозрачность;

2. Последовательность;

3. Снижение тревожности.

Чтобы успеть собрать mvp-версию и реализовать проект к дедлайну, мы пересобрали стандартный флоу работы над проектом и решили сразу перейти к сценарному подходу.

Для этого сначала определили ключевые сущности системы:

• заявки;

• статусы;

• документы;

• события;

• профиль пользователя.

Затем собрали их в единую архитектуру:

• как они связаны между собой;

• в какой последовательности человек с ними взаимодействует;

• какие действия доступны на каждом этапе.

Мы описали сценарии использования:

• что клиент делает;

• какие данные вводит;

• что видит после отправки заявки;

• какие системные сообщения получает.

Параллельно заложили структуру уведомлений и правила обновления статусов. Каждую функцию проверяли через вопрос: «делает ли она процесс получения помощи лучше?».

Так мы сформировали архитектуру mvp-версии и сохранили управляемость проекта: быстро перешли к дизайну, чтобы не откладывая ключевые решения на этап разработки.

Команда фонда отлично выстроила помощь офлайн, но раньше ещё не работала с цифровыми продуктами и не могла сформулировать требования в формате ТЗ. Поэтому мы сами структурировали процессы и перевели их в понятную логику для цифровой платформы.

✔️ Разобрали реальный путь онкопациента: как он обращается в фонд, какие документы отправляет, кто обрабатывает заявку, где возникают паузы и тревожность. 

✔️ Перенесли эту логику в интерфейс личного кабинета.

✔️ На этапе интервью подсветили самую главную боль онкопациентов — растерянность. Для решения этой боли продумали систему онбординга и стартовую анкету. Она выглядит как обучающие карточки о портале и о том, что делать, если ты заболел.

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

Мы начали проектирование с анкеты. Она помогает собрать базовую информацию о человеке: какая помощь нужна, какие документы уже есть, на каком этапе находится лечение. Эти ответы позволяют системе подсказать нужные разделы, предложить релевантные услуги и частично предзаполнить будущие заявки на помощь.

После анкеты онкопациент попадает на главный экран — дашборд. Это центр всей системы и первая точка контакта с платформой. 

Внутри дашборда собрали ключевое:

• активные заявки;

• статусы;

• список необходимых документов;

• ближайшие мероприятия фонда;

• полезные материалы.

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

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

Решение позволило нам решить одну из важных принципов — снизить тревожность онкопациента на этапе работы с документами. Человеку не нужно думать о том, как подобрать — он сразу понимает, что нужно сделать дальше.

Онкологика — не про жалость, а про силу, поддержку и движение вперёд. Эта мысль хорошо прослеживается даже в слогане фонда: «Рак не знает, с кем связался».

Мы решили отойти от идеи сделать типичный «благотворительный сервис», поэтому в процессе думали над тем, как выделить интерфейс среди других на рынке.

Для решения мы переосмыслили визуальный язык фонда и сделали его более собранным и уверенным.

✔️ Усилили фирменный оранжевый цвет как символ энергии и жизни.

✔️ Отказались от размытых форм и декоративных градиентов.

✔️ Лобавили чёткие контуры и структурную сетку.

Интерфейс получился понятным и ясным, местами даже ярким. Мы добавили выразительные акценты и обводки, чтобы онкопациент не чувствовал себя в «сером» личном кабинете с бесконечными формами. 

Также собрали для клиента документ, в котором зафиксировали правила использования цветов, состояний, текстов и сценариев. В будущем это позволит команде фонда и разработчикам развивать продукта без потери качества.

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

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

Фронтенд изначально был реализован на React с устаревшей системой компонентов и сложной логикой форм. При этом личный кабинет уже был связан с Bitrix CRM, где фонд обрабатывает заявки. Переписать всё с нуля означало бы сорвать сроки, поэтому мы выбрали стратегию аккуратной интеграции.

Ключевые решения на этапе разработки:

✔️ Провели технический аудит: разобрали бизнес-логику заявок, проверили формат передачи данных, уточнили приоритетные сценарии с командой фонда.

✔️ Синхронизировали работу кабинета с Bitrix, доработали отображение статусов и внедрили новый UI поверх существующей архитектуры.

✔️ Локально рефакторили проблемные компоненты там, где это влияло на стабильность.

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

Теперь: человек заходит в личный кабинет и видит, на каком этапе находится его запрос и какие действия происходят дальше.

За 3 недели мы собрали mvp-версию личного кабинета, ещё через 3 недели — выпустили финальную версию в релиз.

Главные результаты проекта:

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

2. Снизили нагрузку на команду фонда. Интеграция с Bitrix позволила автоматизировать работу с заявками. Сотрудникам больше не нужно вручную отслеживать статусы и дублировать информацию в разных каналах.

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

4. Объединили коммуникацию в одной платформе. В личном кабинете собраны: заявки на помощь, документы, мероприятия фонда, материалы и рекомендации.

5. Заложили основу для цифровой трансформации. Создали архитектуру и UI-kit, которые позволяют: масштабировать продукт, добавлять новые функции, развивать базу знаний, интегрировать онкомейтов внутрь системы.

После работы над проектом приехали из Питера в Москву и лично присутствовали на IV форуме Онкологики. Сооснватели Bauns (Филипп и Алиса) вместе с основателем фонда Мирославой Сергеенко презентовали цифровую платформу команде, партнёрам и участникам форума.