Авторизация
Сброс пароля
Перезапустили платформу Добро.рф – крупнейшую экосистему для волонтерства
Страница кейса/результат: https://dobro.ru/

Видео-презентация по заявке
1. Вводная задача от заказчика, проблематика, цели
О проекте
Добро.рф — крупнейшая волонтерская экосистема и цифровая платформа в России. Здесь люди и организации находят друг друга, чтобы делать что-то полезное: помогать, учиться, развивать сообщества и реализовывать социальные инициативы. По сути — это единое цифровое пространство для всех, кто так или иначе связан с добровольчеством и общественной жизнью в стране.
Проблематика проекта:
Добро.рф объединяет десятки направлений: волонтерство, наставничество, образовательные программы, поддержку НКО, молодежные инициативы. Платформа постоянно развивается и требуется разработка новых сервисов и их интеграция в экосистему.
Единый профиль пользователя цифровой платформы существовал, но нуждался в большей консолидации и лучшей презентации. Инструменты коммуникации также находились в «зачаточном» состоянии — пользователям приходилось общаться в сторонних мессенджерах. Клиентские пути на платформе не соответствовали задачам экосистемы, были не оптимальны и настроены исключительно под волонтерский рекрутмент без учета других сервисов платформы. Отсюда неудобства поиска и непонимание аудиториями платформы.
Чем больше росла платформа, тем острее становился вопрос: как развивать десятки направлений с разными командами и сервисами — и при этом оставаться единой системой, понятной для каждой из своих очень разных аудиторий?
Задачи проекта:
1. Разработать новые и доработать действующие сервисы: «Обучение служением», «Наставник.рф», «#МыВместе», «Добро.Навигатор», «Инициативное бюджетирование»
2. Выстроить единый профиль пользователя и общую навигацию, чтобы человек мог перемещаться между сервисами без лишних регистраций, не терять накопленную историю участия.
3. Упростить клиентские пути различных целевых аудиторий на платформе.
4. Разработать коммуникационное ядро платформы: ленты (посты пользователей, организаций и команд) и собственный встроенный (inApp) мессенджер.
5. Отдельной задачей был запуск международной версии платформы с учетом языковых, культурных и интерфейсных особенностей разных стран.


2. Описание реализации кейса и творческого пути по поиску оптимального решения
Сложность проекта:
На разработку и запуск всей экосистемы у нашей команды было не более пяти месяцев: с июля по ноябрь. При этом дедлайн нельзя было сдвигать — 2 декабря 2025 года нужно было представить обновленную платформу Добро.рф на международном форуме «МыВместе».
Решение
- разработали и внедрили дизайн-систему — единый визуальный язык для всех сервисов платформы;
- переработали навигацию платформы на основе исследования потребностей аудиторий и анализа сценариев использования;
- выстроили единый профиль пользователя как центр всей экосистемы — с историей волонтерской активности, достижениями и профилем компетенций;
- усилили коммуникацию внутри платформы — добавили ленты новостей для организаций и пользователей, встроили мессенджер внутрь платформы;
- разработали личный кабинет для вузов — инструмент управления волонтерской активностью студентов в каждом вузе страны;
- разработали/доработали 5 новых сервисов и собрали их в единую экосистему: «Наставник.рф», «Обучение служением» (новый), «Добро.Навигатор», раздел «#МыВместе» (новый), «Инициативное бюджетирование» (новый);
- запустили международную версию платформы — Dobro.org.
Единый профиль пользователя
Мы реализовали единый профиль пользователя и сделали его центром всей экосистемы. Теперь это не просто страница с именем и статистикой. Это цифровое портфолио, которое автоматически пополняется по мере участия человека в жизни платформы.
Ключевые возможности профиля:
- Лента публикаций и активностей. Здесь отображаются посты, репосты и достижения пользователя, формируя его публичную историю на платформе.
- Профиль компетенций и интересов. Профиль компетенций фиксирует подтвержденные навыки и опыт — все, что пользователь накопил через мероприятия, наставничество и стажировки. Профиль интересов формируется автоматически на основе действий пользователя на платформе.
- Единая история участия. Все статусы и достижения работают в единой системе: если пользователь стал наставником или набрал волонтерские часы в одном сервисе, это сразу отражается в профиле и учитывается во всех остальных. Реестр достижений, ачивки и рейтинги фиксируют весь путь пользователя на платформе.
- Возможность устанавливать социальные связи. В профиле для этого есть кнопки: «Добавить в друзья», «Подписаться» и «Написать в чат». Страница пользователя перестала быть статичной визиткой и стала живым профилем, через который можно взаимодействовать с другими участниками платформы.
- Индекс действий. Профиль стал базой для начисления баллов за активность на платформе — лайки, репосты, привлечение новых участников, участие в мероприятиях. Баллы делятся на квалификационные, которые формируют общий рейтинг пользователя, и активные, которые можно тратить в программе лояльности.
- Интеграция с Госуслугами. Профиль интегрирован с Госуслугами, что позволяет автоматически подтягивать данные о пользователе и верифицировать личность. Для студентов это критически важно: подтвержденные волонтерские часы учитываются при поступлении в вузы и для получения официальных справок.
- Управление приватностью. Пользователь сам решает, кто может видеть его ленту, писать ему в личные чаты или просматривать его достижения.
- Профиль запустили раньше общего релиза — MVP вышел за месяц до презентации всей платформы. Это позволило протестировать ключевые сценарии на реальных пользователях и доработать логику до финального запуска.
Коммуникационное ядро Добро.рф
У платформы не было двух базовых коммуникационных инструментов, без которых сложно представить любую социальную цифровую среду: лент UGC-контента и мессенджера.
Лента существовала только в мобильном приложении и с очень ограниченным функционалом, также отдельно существовали блоги Добро.Медиа. В веб-версии — где большинство пользователей проводит основное время — ленты, тем более единой, не было вовсе.
Для общения внутри платформы использовался сторонний SaaS-мессенджер: с ограниченными возможностями кастомизации, зависимостью от внешнего поставщика и растущими лицензионными расходами. Им почти не пользовались, для общения пользователи уходили во «ВКонтакте» и уже не возвращались на платформу.
Лента:
Разработали полноценную веб-версию ленты с системой подписок. Теперь пользователь может подписываться на организации и других участников платформы — и видеть их публикации в своей персональной ленте. Можно публиковать посты, делать репосты, ставить лайки, отмечать достижения. Единая лента консолидирует посты пользователя в веб-версии, мобильном приложении и посты в блогах Добро.Медиа.
Лента стала пространством, где социальная активность становится видимой: не просто «участвовал в мероприятии», а живая история с публикациями, реакциями и связями.
Мессенджер:
Вместо того чтобы продолжать использовать стороннее решение, мы разработали собственную чат-инфраструктуру. Провели анализ открытых и коммерческих решений и выбрали открытую архитектуру:
- frontend — Element,
- протокол — Matrix,
- серверная часть — Dendrite на ядре Go.
Переход на связку Matrix и Dendrite был продиктован, в том числе, жесткими требованиями к безопасности данных федеральной платформы. Для проекта такого масштаба — более 9,5 миллионов пользователей — вопрос защиты информации стоял на первом месте.
Такое решение дало полный контроль над данными, независимость от внешнего поставщика и возможность развивать функционал под конкретные задачи платформы. Перед запуском провели нагрузочное тестирование на реальных показателях платформы и пилот на ограниченной группе пользователей — MVP подтвердил жизнеспособность архитектуры. Сейчас решение масштабировано на всю аудиторию.
Личный кабинет для вузов
До этого проекта волонтерская активность студентов существовала как бы сама по себе. Факультеты и студенческие штабы вели учет каждый по-своему — кто в таблицах, кто на бумаге. Данные поднимались выше, в деканаты, а потом доходили до руководства университета в виде разрозненных цифр. Министерство образования РФ не имело никакого инструмента, чтобы видеть реальную картину по стране в онлайн-режиме.
Мы разработали сервис с нуля. По сути это управленческая система федерального масштаба: она связывает в одну цепочку министерство, университет, его факультеты и кафедры вплоть до конкретного студента.
Ключевые возможности сервиса:
- Каскадная модель управления. Мы построили систему по принципу «матрешки»: Министерство → Вуз → Факультет → Кафедра → Студент. Это позволяет каждому уровню видеть свою зону ответственности, а «головной» организации — собирать сводную статистику по всем подразделениям. Декан видит свой факультет. Ректор — весь университет. Министерство — всю страну в разрезе регионов, типов учебных заведений и направлений подготовки.
- Интеграция с Госуслугами. Чтобы вузам не пришлось собирать базу волонтеров вручную, мы внедрили синхронизацию данных через API Госуслуг. Если студент указал место учёбы на Госуслугах, он автоматически появляется в базе своего университета на платформе.
- Автоматизация отчетности. Раньше на сбор справок и отчетов уходили недели бумажной работы. Теперь система сама генерирует официальные выгрузки в Excel, Word и PDF, а также автоматически выпускает сертификаты и благодарности для студентов.
- Дашборд аналитики. Руководство университета в реальном времени видит, сколько студентов участвует в волонтерстве, сколько наставников задействовано, какие подразделения наиболее активны.
- Модуль наставничества. Личный кабинет интегрирован с сервисов «Наставник.рф» — университеты могут назначать наставников для первокурсников и отслеживать их работу прямо внутри ЛК.
Продуктовые сервисы экосистемы Добро.рф
1. «Обучение служением»
Этот сервис мы разработали с нуля, а сейчас он один из ключевых на платформе. «Обучение служением» соединяет учебный процесс с реальными задачами НКО и социальных организаций: студент или школьник берет конкретный проект и выполняет его в рамках своей учебной программы. Например, помогает НКО провести мероприятие для пожилых людей.
Внутри сервиса реализовали сложную ролевая модель: образовательные организации, студенты, социальные партнеры и кураторы — у каждой роли свой интерфейс и свой сценарий работы. НКО размещает проект и описывает задачу. Студент выбирает проект, берет его в работу, фиксирует результаты. Куратор сопровождает процесс. По завершении проекта система автоматически формирует сертификат — он засчитывается как волонтерские часы или оценка по предмету.
Сервис интегрирован с личным кабинетом вузов: вся активность студента попадает в его портфолио и учитывается в общей статистике университета.
Стек: бэкенд — PHP + Symfony; фронтенд — JavaScript + Next.js.
2. «Наставник.рф»
Изначально «Наставник.рф» существовал как отдельный сайт с другим интерфейсом, отдельной базой пользователей и без интеграции с основной платформой.
Мы полностью переработали логику сервиса и пользовательские пути. Спроектировали и реализовали два принципиально разных сценария взаимодействия:
Для тех, кто ищет наставника. Внедрили систему фильтров по целям: обучение, развитие в госуправлении, личностный рост.
Для самого наставника. Создали личный кабинет, где эксперт подтверждает свою экспертизу в конкретных сферах, чтобы его находили именно целевые пользователи, а не все подряд.
Сервис встроили в единый контур Добро.рф. Теперь статус наставника, его проекты и достижения отображаются в едином профиле пользователя и учитываются во всей системе. Наставническая активность интегрирована с программой лояльности: баллы и специальные ачивки «Наставник» видны во всей экосистеме.
Также сервис интегрирован с личным кабинетом вузов — университеты могут импортировать наставников из общей базы и назначать их студентам первого курса прямо внутри системы.
3. «Инициативное бюджетирование»
Сервис предназначен для вовлечения школьников, студентов и молодежи в процессы распределения реальных бюджетных средств. Проект дает молодым людям возможность участвовать в обсуждении, инициировании и реализации идей, которые напрямую влияют на развитие их территорий и местных сообществ.
С точки зрения продуктовой логики и управления, этот инструмент решает несколько ключевых задач:
- Прозрачность процессов. Сервис делает сложные управленческие механизмы понятными для молодежи, формируя у них опыт ответственности за принимаемые решения.
- Масштабируемость инициатив. Если проект получает финансирование и доказывает свою эффективность, платформа позволяет «масштабировать» его на всю страну, оперативно собрав волонтеров для реализации акции в других регионах.
- Визуализация результата. Разработанный цифровой инструмент позволяет пользователям видеть весь путь проекта — от зарождения идеи до принятия решений и финальных результатов.
4. «#МыВместе»
Это тематический раздел для координации масштабных программ помощи. Основной фокус — поддержка участников СВО и их близких, а также оперативное реагирование при чрезвычайных ситуациях.
Мы добавили тематический раздел с реальными жизненными ситуациями и каталогом акций — пользователь заходит и сразу видит конкретные сценарии помощи, без необходимости разбираться в структуре платформы. Ввели новую роль: те, кто хочет помочь, могут заранее зарегистрировать свое желание — и когда появляется подходящая миссия, система их уведомляет.
Отдельным техническим вызовом была нагрузочная устойчивость. При объявлении новой миссии на платформу одновременно заходят сотни тысяч пользователей. При аварийно-спасательных операциях промедление недопустимо — волонтёр должен успеть зарегистрироваться и получить пропуск вовремя. Мы обеспечили устойчивость платформы к таким пиковым нагрузкам.
Также мы максимально упростили путь пользователя. Путь от кнопки «хочу помочь» до конкретной заявки или действия занимает всего несколько кликов.
5. «Добро.Навигатор»
Главная проблема НКО — колоссальные временные затраты на поиск ресурсов. Фонды тратят недели на изучение условий грантов и субсидий вместо того, чтобы заниматься своей основной миссией. Добро.Навигатор решает именно эту задачу. Это каталог и система подбора мер поддержки для НКО и социальных проектов.
Мы провели полный редизайн сервиса и перестроили логику поиска и фильтрации. Теперь НКО может искать меры поддержки по региону, типу организации и направлению деятельности. Разработали и внедрили функционал премодерации: ни один грант или предложение не попадает в общую выдачу автоматически — модераторы сначала проверяют их на соответствие правилам и актуальность данных. Структурировали данные так, чтобы поиск нужного ресурса занимал минимум усилий.
Отдельным техническим этапом стала глубокая адаптация под мобильные устройства. Это было критическим требованием, так как сотрудники НКО часто работают «в полях» и должны иметь возможность найти нужную информацию или проверить меры поддержки в любое время и в любом месте.
Дизайн-система
Столкнулись с классической проблемой большого продукта: дизайн-система формально была, но на деле устарела и не соответствовала новому брендбуку. Разные разделы платформы выглядели по-разному — использовались разные шрифты, цвета и отступы. Команды проектировали элементы с нуля под каждую задачу, а у заказчика не было инструмента, чтобы контролировать целостность интерфейса на уровне всей платформы.
Главный вызов был в том, что платформу нельзя было остановить на «капитальный ремонт». Мы выбрали стратегию безопасной миграции: разработали новую систему рядом со старой и переводили сервисы на нее поэтапно, не прерывая работу команд разработки.
— Построили гибкий фундамент на токенах: трехуровневая модель управления стилями позволяла обновлять настройки в одном месте, и вся система перестраивалась автоматически.
— Связали дизайн-макеты в Figma с реальным кодом в Storybook. Кнопки и карточки стали не просто картинками, а готовыми деталями, которые разработчики берут и сразу вставляют в проект.
— Сбалансировали фирменный фиолетовый нейтральными оттенками, доработали тысячи иконок и внедрили финальный шрифт Onest.
Мы создали не просто библиотеку элементов, а устойчивую инфраструктуру. Теперь любой новый сервис Добро.рф собирается из готовых блоков, это в разы ускоряет запуск.
Результаты в цифрах:
- Время проектирования новых интерфейсов сократилось в 2 раза, внедрение дизайна в код — быстрее на 45%, 60–70% рутинных правок исчезли благодаря автоматизации.
- 1300+ экранов переведено на новую систему, 65 компонентов реализовано в Storybook, 400+ токенов и 3000+ иконок работают как единое целое.





3. Результаты сотрудничества
За пять месяцев платформа Добро.рф прошла путь от набора разрозненных сервисов до единой цифровой среды: дизайн-система, единый профиль пользователя, коммуникационная архитектура и пять продуктовых сервисов — все это разрабатывалось одновременно, а запускалось поэтапно, не прерывая работу платформы с миллионами активных пользователей.
Платформа готова к масштабированию: новые сервисы, новые нацпроекты, новые инициативы — все это теперь можно запускать на готовой инфраструктуре, а не строить с нуля каждый раз.
Проект получил признание на самом высоком уровне в стране: 2 декабря 2025 года его представили Президенту России на федеральном форуме добровольчества «Мы вместе».
Какие возможности открыла обновленная платформа Добро.рф:
- Для людей. Волонтерство перестало быть «невидимым». Раньше человек мог годами помогать: ходить на мероприятия, участвовать в проектах, наставлять молодежь — и всё это нигде системно не фиксировалось и не давало никаких официальных бенефитов. Теперь каждое действие фиксируется в едином профиле и работает в реальной жизни. Школьник получает дополнительные баллы к ЕГЭ за участие в социальных проектах. Студенту засчитывают волонтерские часы при поступлении в магистратуру. Наставник подтверждает экспертизу через профиль компетенций — и становится заметным для тех, кому будет полезен именно его опыт. Волонтёр видит всю свою историю участия в проекта в одном месте и может предъявить её работодателю или образовательному учреждению.
- Для общественных институтов. НКО и университеты впервые получили инструменты для системного управления общественной деятельностью. Вузы теперь видит, сколько студентов участвует в волонтерстве на каждом факультете и кафедре, где активность высокая, а где проседает, и может своевременно реагировать. НКО находит гранты, волонтеров и партнеров через единый каталог — вместо того, чтобы вручную мониторить десятки разных сайтов и источников.
- Для страны. Впервые в России появилась цифровая инфраструктура, которая соединяет гражданскую активность на всех уровнях: от школьника, который предлагает инициативу в своем районе, до федерального министерства, которое отслеживает показатели нацпроектов в реальном времени. А через Dobro.org российские практики добровольчества вышли за пределы страны — платформа готова объединять волонтеров из разных стран и культур вокруг общих ценностей.
Игорь Погорелов
Заместитель председателя совета, ДОБРО.РФ
Команда «Вебпрактик» выступила технологическим партнером проекта развития платформы Добро.рф и продемонстрировала высокий уровень экспертизы в реализации сложных цифровых решений.
В сжатые сроки был выполнен значительный объем работ: разработаны новые сервисы, интегрированы существующие решения, переработана дизайн-система и обеспечена связность всех элементов платформы.
Отдельно хотим отметить системный подход команды к проектированию архитектуры и внимание к выбору ИТ-решений с точки зрения надежности, безопасности и с учетом перспектив масштабирования.
Важными факторами успешной реализации проекта стали способность команды «Вебпрактик» работать в условиях параллельной разработки нескольких сервисов, выстраивать эффективную коммуникацию с участниками проекта и оперативно реагировать на изменения.
Реализованный проект стал значимым этапом в развитии платформы Добро.рф. Благодарим команду «Вебпрактик» за технологическую зрелость, системное мышление и способность работать с масштабными цифровыми экосистемами

4. Заключение
Для команды «Вебпрактик» это не просто проект. Это тот момент, когда понимаешь: твоя работа действительно влияет на жизни миллионов людей. Добро.рф — целая экосистема ИТ-сервисов, на которой уже зарегистрировано более 9,5 млн волонтеров.
Полгода разработки, десятки сервисов, сотни задач — и все ради того, чтобы добровольчество в России стало технологичнее и доступнее для людей и организаций по всей стране.

