RU EN
Назад

Могу и помогаю

О проекте

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

Роль в проекте

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

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

Каталог мероприятий
Каталог мероприятий — то, с чего продукт начинается для сотрудника

Рабочее место координатора

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

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

Таблица «Управление»
Таблица «Управление»: статус в колонке, быстрые фильтры над таблицей

Три типа мероприятий

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

Федеральное мероприятие с вложенными регионами
Федеральная карточка: региональные мероприятия со своими статусами и координаторами
Дочернее региональное мероприятие
Дочернее региональное с блоком «Родительское мероприятие»

Жизненный цикл

Дочернее мероприятие появляется в статусе «Запланировано»: координатор заполняет детали своего региона, и оно становится черновиком. Самостоятельное начинается сразу с него.

Дальше путь у всех одинаковый: черновик публикуют, после проведения мероприятие завершается и уходит в архив. Федеральное закрывается последним — вслед за своими региональными. От статуса зависит и то, увидят ли мероприятие волонтёры, и то, что с ним может сделать координатор.

Схема состояний мероприятия
Схема состояний
Шапка карточки в разных статусах
Шапка карточки в каждом статусе: Запланировано, Черновик, Опубликовано, Завершено, Архив

Изменения и участники

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

Ошибка: дата вне периода родительской программы
Дата вне периода родительского мероприятия
Диалог об уменьшении количества волонтёров
Сколько записей удалится и в каком порядке — до подтверждения
Карточка с пометкой «Редактирует сейчас»
«Редактирует сейчас» и ошибка активной сессии редактирования

Обратная сторона

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

Профиль сортирует участие по состоянию: что требует отчёта, что предстоит, что уже пройдено.

Карточка мероприятия глазами волонтёра
Карточка мероприятия для волонтёра: галерея, организационные данные, счётчик свободных мест
Главная портала глазами волонтёра
Главная портала: баннер, быстрые ссылки и лента мероприятий
Профиль с агрегацией участия
Профиль

Чем закончилось

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