Хакатон

Привет! Хочу рассказать о своем опыте участия в Хакатоне в ноябре 2021 года.

У меня была команда из 3 разработчиков и меня, дизайнера. Тема кейса — фудшеринг.

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

Затем мы перешли к проработке возможных сценариев и структуры этого веб-приложения.

В итоге выделили 3 ключевых роли и их функции:

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

— Кураторы распределяют задания между волонтерами, подтверждают закрытие задания, могут банить недобросовестных волонтеров

— Админ раздает права доступа, формирует отчетность, пополняет базу партнеров

Алгоритм действий примерно следующий:

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

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

UI kit взяли Ant Design, чтобы быстро собрать макеты и быстро сверстать на React (потому что на хакатоне нельзя терять время). Поэтому визуальные решения прошу строго не оценивать, следовала фреймворку 😀

Смотреть макеты для каждой роли тут ↓

• Путь волонтера

  В идеальном сценарии волонтер первым делом проходит регистрацию и обучение в системе:

  

  

  

  Данные о себе можно изменить в любой момент

  

  Затем можно ознакомиться с расписанием заданий

  

  

  Переходим в карточку задания

  

  Волонтеру нужно сфотографировать акт передачи еды и загрузить

  

• Путь куратора

  Куратор создает задание: разовое или повторяющееся, описывает задание и может назначить волонтеров (либо они откликнутся на задание сами)

  

  

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

  

  

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

  😎

  Наша киллер фича была в том, чтобы использовать Tesseract OCR для распознавания текста в таблицах

  Фото акта → Загрузка в карточку задания → Автоматическая оцифровка → Корректировка таблицы координатором → Загрузка в БД

  

  Также куратору важно видеть общую статистику

  

• Путь админа

  Администратор тоже видит эту статистику, а также формирует отчеты

  

Подумали, какой можем получить эффект и как можно развивать платформу дальше:

Но все равно из этой движухи я кое-что поняла:

• Я могу много думать и фигачить

• Хакатон это не про визуал, а про создание MVP из ничего за кратчайшие сроки

• Узнала кучу информации про проблему сверхпотребления и сверхпроизводства еды. Предприятиям ДЕШЕВЛЕ выкидывать еду, чем отдавать на благотворительность, потому что за это нужно уплачивать дополнительные налоги.

• Надо готовиться заранее) и дизайнеру, и разрабам.

Комментарий с места событий