Ищете крутые кейсы в digital? Посмотрите на номинантов Workspace Digital Awards 2026!
«Вебпрактик»
Перезапустили платформу Добро.рф – крупнейшую экосистему для волонтерства
«Вебпрактик»
WDA
2026
#Разработка сайтов под ключ#Фирменный стиль

Перезапустили платформу Добро.рф – крупнейшую экосистему для волонтерства

3146 
«Вебпрактик» Россия, Ростов-на-Дону
Поделиться: 0 0 0
Перезапустили платформу Добро.рф – крупнейшую экосистему для волонтерства
Клиент

Добро.РФ

Сфера

Образование, наука, работа

Регион

Россия, Москва

Тип сайта

Порталы и сервисы

Сдано

Декабрь 2025

Задача

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

О проекте

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

Проблематика проекта:

Добро.рф объединяет десятки направлений: волонтерство, наставничество, образовательные программы, поддержку НКО, молодежные инициативы. Платформа постоянно развивается и требуется разработка новых сервисов и их интеграция в экосистему.

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

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

Задачи проекта:

Разработать новые и доработать действующие сервисы: «Обучение служением», «Наставник.рф», «#МыВместе», «Добро.Навигатор», «Инициативное бюджетирование»

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

Упростить клиентские пути различных целевых аудиторий на платформе.

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

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

Решение

✔️ Выстроили единый профиль пользователя как центр всей экосистемы — с историей волонтерской активности, достижениями и профилем компетенций.

✔️ Разработали/доработали 5 новых сервисов и собрали их в единую экосистему: «Наставник.рф», «Обучение служением» (новый), «Добро.Навигатор», раздел «#МыВместе» (новый), «Инициативное бюджетирование» (новый).

✔️ Разработали личный кабинет для вузов — инструмент управления волонтерской активностью студентов в каждом вузе страны.

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

✔️ Запустили международную версию платформы — Dobro.org.

✔️ Разработали и внедрили дизайн-систему — единый визуальный язык для всех сервисов платформы.

1Единый профиль пользователя

Мы реализовали единый профиль пользователя и сделали его центром всей экосистемы. Теперь это не просто страница с именем и статистикой. Это цифровое портфолио, которое автоматически пополняется по мере участия человека в жизни платформы.

Ключевые возможности профиля:

1. Лента публикаций и активностей

Здесь отображаются посты, репосты и достижения пользователя, формируя его публичную историю на платформе.

2. Профиль компетенций и интересов

Фиксирует подтвержденные навыки и опыт — все, что пользователь накопил через мероприятия, наставничество и стажировки. Профиль интересов формируется автоматически на основе действий пользователя на платформе.

3. Единая история участия

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

4. Возможность устанавливать социальные связи

В профиле для этого есть кнопки: «Добавить в друзья», «Подписаться» и «Написать в чат». Страница пользователя перестала быть статичной визиткой и стала живым профилем, через который можно взаимодействовать с другими участниками платформы.

5. Индекс действий

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

6. Интеграция с Госуслугами

Профиль интегрирован с Госуслугами, что позволяет автоматически подтягивать данные о пользователе и верифицировать личность. Для студентов это критически важно: подтвержденные волонтерские часы учитываются при поступлении в вузы и для получения официальных справок.

Профиль запустили раньше общего релиза — MVP вышел за месяц до презентации всей платформы. Это позволило протестировать ключевые сценарии на реальных пользователях и доработать логику до финального запуска.

2Коммуникационное ядро Добро.рф

У платформы не было двух базовых коммуникационных инструментов, без которых сложно представить любую социальную цифровую среду: лент UGC-контента и мессенджера.

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

Для общения внутри платформы использовался сторонний SaaS-мессенджер: с ограниченными возможностями кастомизации, зависимостью от внешнего поставщика и растущими лицензионными расходами. Им почти не пользовались, для общения пользователи уходили во «ВКонтакте» и уже не возвращались на платформу. Так платформа теряла аудиторию просто потому, что у нее не было нормального инструмента для коммуникации внутри.

Лента:

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

Мессенджер:

Разработали собственную чат-инфраструктуру: провели анализ открытых и коммерческих решений и выбрали открытую архитектуру:

frontend — Element,

протокол — Matrix,

серверная часть — Dendrite на ядре Go.

Переход на связку Matrix и Dendrite был продиктован, в том числе, жесткими требованиями к безопасности данных федеральной платформы. Для проекта такого масштаба — более 9,5 миллионов пользователей — вопрос защиты информации стоял на первом месте.

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

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

3Личный кабинет для вузов

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

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

Ключевые возможности сервиса:

Каскадная модель управления. Мы построили систему по принципу «матрешки»: Министерство → Вуз → Факультет → Кафедра → Студент. Это позволяет каждому уровню видеть свою зону ответственности, а «головной» организации — собирать сводную статистику по всем подразделениям. Декан видит свой факультет. Ректор — весь университет. Министерство — всю страну в разрезе регионов, типов учебных заведений и направлений подготовки.

1. Интеграция с Госуслугами

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

2. Автоматизация отчетности

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

3. Дашборд аналитики

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

4. Модуль наставничества

Личный кабинет интегрирован с сервисов «Наставник.рф» — университеты могут назначать наставников для первокурсников и отслеживать их работу прямо внутри ЛК.

4«Обучение служением»

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

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

Сервис интегрирован с личным кабинетом вузов: вся активность студента попадает в его портфолио и учитывается в общей статистике университета.

Стек: бэкенд — PHP + Symfony; фронтенд — JavaScript + Next.js.

5«Наставник.рф»

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

Мы полностью переработали логику сервиса и пользовательские пути. Спроектировали и реализовали два принципиально разных сценария взаимодействия:

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

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

Сервис встроили в единый контур Добро.рф. Теперь статус наставника, его проекты и достижения отображаются в едином профиле пользователя и учитываются во всей системе. Наставническая активность интегрирована с программой лояльности: баллы и специальные ачивки «Наставник» видны во всей экосистеме.

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

6«Инициативное бюджетирование»

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

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

Прозрачность процессов. Сервис делает сложные управленческие механизмы понятными для молодежи, формируя у них опыт ответственности за принимаемые решения.

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

Визуализация результата. Разработанный цифровой инструмент позволяет пользователям видеть весь путь проекта — от зарождения идеи до принятия решений и финальных результатов.

7«#МыВместе»

Это тематический раздел для координации масштабных программ помощи. Основной фокус — поддержка участников СВО и их близких, а также оперативное реагирование при чрезвычайных ситуациях.

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

Отдельным техническим вызовом была нагрузочная устойчивость. При объявлении новой миссии на платформу одновременно заходят сотни тысяч пользователей. При аварийно-спасательных операциях промедление недопустимо — волонтёр должен успеть зарегистрироваться и получить пропуск вовремя. Мы обеспечили устойчивость платформы к таким пиковым нагрузкам.

Также мы максимально упростили путь пользователя. Путь от кнопки «хочу помочь» до конкретной заявки или действия занимает всего несколько кликов.

8«Добро.Навигатор»

Главная проблема НКО — колоссальные временные затраты на поиск ресурсов. Фонды тратят недели на изучение условий грантов и субсидий вместо того, чтобы заниматься своей основной миссией. Добро.Навигатор решает именно эту задачу. Это каталог и система подбора мер поддержки для НКО и социальных проектов.

Провели полный редизайн сервиса и перестроили логику поиска и фильтрации. Теперь НКО может искать меры поддержки по региону, типу организации и направлению деятельности.

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

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

9Дизайн-система

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

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

— Построили гибкий фундамент на токенах: трехуровневая модель управления стилями позволяла обновлять настройки в одном месте, и вся система перестраивалась автоматически.

— Связали дизайн-макеты в Figma с реальным кодом в Storybook. Кнопки и карточки стали не просто картинками, а готовыми деталями, которые разработчики берут и сразу вставляют в проект.

— Сбалансировали фирменный фиолетовый нейтральными оттенками, доработали тысячи иконок и внедрили финальный шрифт Onest.

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

В итоге:

✔️время проектирования новых интерфейсов сократилось в 2 раза,

✔️внедрение дизайна в код — быстрее на 45%,

✔️60–70% рутинных правок исчезли благодаря автоматизации.

✔️1300+ экранов переведено на новую систему, 65 компонентов реализовано в Storybook, 400+ токенов и 3000+ иконок работают как единое целое.

Результат

За пять месяцев платформа Добро.рф прошла путь от набора разрозненных сервисов до единой цифровой среды: дизайн-система, единый профиль пользователя, коммуникационная архитектура и пять продуктовых сервисов — все это разрабатывалось одновременно, а запускалось поэтапно, не прерывая работу платформы с миллионами активных пользователей.

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

Проект получил признание на самом высоком уровне в стране: 2 декабря 2025 года его представили Президенту России на федеральном форуме добровольчества «Мы вместе».

Впервые в России появилась цифровая инфраструктура, которая соединяет гражданскую активность на всех уровнях: от школьника, который предлагает инициативу в своем районе, до федерального министерства, которое отслеживает показатели нацпроектов в реальном времени. А через Dobro.org российские практики добровольчества вышли за пределы страны — платформа готова объединять волонтеров из разных стран и культур вокруг общих ценностей.

Отзыв клиента

Игорь Погорелов
Игорь Погорелов

Заместитель председателя совета в ДОБРО.РФ

Команда «Вебпрактик» продемонстрировала высокий уровень экспертизы в реализации сложных цифровых решений.
В сжатые сроки был выполнен значительный объем работ: разработаны новые сервисы, интегрированы существующие решения, переработана дизайн-система и обеспечена связность всех элементов платформы.
Отдельно хотим отметить системный подход команды к проектированию архитектуры и внимание к выбору ИТ-решений с точки зрения надежности, безопасности и с учетом перспектив масштабирования.
Важными факторами успешной реализации проекта стали способность команды «Вебпрактик» работать в условиях параллельной разработки нескольких сервисов, выстраивать эффективную коммуникацию с участниками проекта и оперативно реагировать на изменения.
Реализованный проект стал значимым этапом в развитии платформы Добро.рф. Благодарим команду «Вебпрактик» за технологическую зрелость, системное мышление и способность работать с масштабными цифровыми экосистемами.

https://dobro.ru/

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

«Вебпрактик» с удовольствием обсудит вашу задачу

Оставить заявку