Доброе сердце накормит: студенты Contented создали телеграм-приложение для фонда «Дари еду»

От ручного управления к масштабному приложению 

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

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

В 2020 году «Дари еду» запустил программу доставки готовых обедов для людей, которые не могут готовить сами. Обеды подопечным доставляют добровольцы — волонтеры фонда. Они доставляют волонтеры, а за их работой следят кураторы. Все данные о доставках собираются через чат-бота в телеграме. Со временем фонд захотел масштабный продукт с красивым дизайном и единой базой данных. В итоге команда IT-песочницы реализовала два продукта — telegram-web-app и админ-панель для управления фондом.

Ребята из команды выделили этапы работы над проектом: проанализировали потребности фонда и волонтеров, построили путь пользователя, придумали дизайн интерфейсов и админ-панели, собрали скелет приложения telegram-web-app для волонтеров и их кураторов. Сначала у сотрудников фонда были опасения: они не хотели переходить в отдельное приложение и боялись, что конверсия упадет. «Дари еду» общаются с аудиторией в Телеграме, поэтому разработку перенесли на эту платформу.

Над проектом работали 19 человек: 

• Павел Стасюк, тимлид;
  
• Мария Плетнева, графический дизайнер;
  
• отдел UX/UI-дизайна: лид команды — Гаяне Сейсян (курс «UX/UI Bootcamp»), Анна Смирнова, Светлана Яковчук, Анна Коваленко;

• отдел Frontend-разработки: Маргарита Гончарова, Вероника Яицких;
  
• отдел Backend-разработки: лид команды — Наталья Ткачук (курс «PDEV: python developer»), Дмитрий Кошель (курс «Разработчик на Python»), Екатерина Александрова, Андрей Воробьев;
  
• отдел Fullstack-разработки: Дарья Журавлева, Алексей Макаров;
  
• аналитики: Елена Коренкова, Виктория Ильичева;
  
• тестировщики: Дарима Дамбиева (курс «Тестировщик-автоматизатор на Python»), Евгений Телеляев;
  
• Александр Проценко, пентест, проверит проект на защищенность после завершения всех этапов.

Чат-бот vs приложение и админ-панель

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

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

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

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

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

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

Куратор в личном кабинете следит за распределением волонтеров по маршрутному листу и контролирует выполнение задач. 

Читайте также:

«Строили замок, а не дрались совочками» — выпускницы Contented рассказали о совместной работе над кейсом «Моторики»

Дизайн без визуального шума 

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

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

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

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

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