Reporter Система подсчета эффективности проектов и исполнителей

Кейс разработки Reporter

Описание

Reporter — корпоративный сервис, который позволяет в несколько кликов отследить эффективность исполнителей на проектах и сверить план/факт по выработке

Важная
предыстория

С начала основания студии и до 2022 года мы работали в Trello. Этот таск-менеджер нравился тем, что он простой и удобный, а единственным его минусом для нас являлось отсутствие тайм-трекинга.

Так как мы занимаемся проектной разработкой, нам важно отслеживать показатели в часах, потому что клиент оплачивает фактическое время. Поэтому после того, как Trello стал недоступен в России, мы перешли в Kaiten, в котором есть встроенный учет времени.

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

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

Что требовалось

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

Что сделали

Создали собственную систему учета, повысив тем самым эффективность команды на 30% за счет  прозрачности в работе и более четкой постановки задач.

Вот что умеет Reporter:

  • Формирует отчеты исполнителей
    Система собирает данные из Kaiten по каждому исполнителю и выводит отчет по выполненным задачам. Отчеты могут быть сформированы за любой период.
  • Ведет учет времени
    Автоматически сопоставляет запланированные и фактически затраченные часы на задачи, а еще показывает прогресс по проектам — сколько задач в очереди, сколько в работе и сколько уже готово. Менеджер может сверить план/факт и свести риски к минимуму.
  • Формирует статистику по всем сотрудникам
    Менеджер может посмотреть сколько часов отработали исполнители за конкретный день, неделю или месяц. И отследить, кто это время не зафиксировал.
  • Показывает общую статистику проекта
    Reporter предоставляет информацию о том, сколько часов было запланировано на проект, сколько затрачено всего и сколько времени потрачено вне плана. Благодаря этому менеджеры могут оценить эффективность каждого проекта и даже отдельных спринтов.
  • Считает рентабельность каждого проекта
    Менеджеры могут оценить эффективность проекта и увидеть пробелы, требующие внимания.
  • Считает маржинальность проектов
    Reporter отображает разницу между доходами и расходами, показывая фактическую прибыль проекта.

Этапы разработки

Аналитика

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

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

В первую версию системы вошли:

Генератор отчетов Reporter

Генератор отчетов

Система учета времени Reporter

Учет времени

Система статистики сотрудников Reporter

Статистика сотрудников

Система статистики проектов Reporter

Статистика проектов

Дизайн

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

Дизайн меню Reporter

Так выглядит меню

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

Дизайн компонентов Reporter

Продумали компоненты

Шрифт выбрали читабельный, но в то же время компактный.

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

Страница 404 Reporter

Отрисовали ошибку 404

Разработка

Reporter построен на мощном фундаменте Laravel + React. Функционал хоть и кажется на первый взгляд простым, на деле он содержит большой объем данных, сложные формулы и математические расчеты.

Так как наша система учета интегрирована с Kaiten, это наложило определенные сложности.

В API Kaiten нельзя получить карточки по определенному пространству вместе с логами. Приходилось выполнять запрос на получение логов за нужный нам период, а уже потом выполнять запрос на получение карточек за тот же период.

То есть на одно пространство выполнялось 2 запроса. Из-за этого обновление данных даже за 3 месяца по всем проектам занимало по 15-30 минут. Чтобы решить проблему, мы создали дополнительный функционал — историю запросов.

История запросов Reporter

Так выглядит страница

После этого у нас появилась возможность формировать другие отчеты, пока подгружаются первые. А через 15-30 минут мы можем перейти в историю запросов и увидеть нужные нам отчеты.

Иногда при выполнении запроса Kaiten попросту отмирал и Reporter не мог получить нужные данные. Эту проблему мы решили с помощью оптимизации, выгрузив данные в собственную базу.

Если менеджер формирует отчет, который не входит в загруженный диапазон, то Reporter автоматически поставит задачу на обновление, подгрузит данные и затем их сохранит. После этого менеджер сможет посмотреть отчет.

Авторизуется пользователь через почту. По ней мы определяем, с какой ролью зашел сотрудник, у каждого разные права доступа.

В новой версии у нас появился дополнительный функционал:

Оценка рентабельности проектов

Оценка рентабельности проектов

Маржинальность проектов

Оценка маржинальности проектов

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

  • Историю оплат по проекту

  • Расходную часть (стоимость часа работы каждого сотрудника)

Также важно было отследить, насколько эффективен сотрудник в целом, а не только по проекту. Сделать прозрачным факт переработок и не допустить невыработку. Поэтому мы разработали еще одну страницу:

Эффективность сотрудников за период

Эффективность сотрудников в разрезе любого периода

Нужно понимать, что делается это не ради тотального контроля. Мы работаем по Time&Material. По этой модели оплаты клиент платит за часы, которые были затрачены на разработку, а потому для нас и для него важна прозрачность всех процессов.

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

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

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

Результат

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

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

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

Команда проекта

  • Катя К. — аналитика

  • Костя С. — backend

  • Даша Т. — frontend

  • Евгений А. — дизайн

  • Костя С. — тестирование

Другие кейсы

Гриль № 1

  • Фудтех
  • Сервис

Сайт и мобильное приложение для доставки из сети ресторанов быстрого питания. Интеграция с iiko

Tagline Awards. Бронза

WDA. Золото

WDA. Серебро

Dropfile. Интерфейсы

Сервико

  • Автотех
  • Логистика
  • Приложение для планшета

Корпоративное приложение для планшетов крупной логистической компании Сервико. Документооборот, прием заявок, трекинг водителей, маршруты доставки.

WDA. Серебро

Tagline Awards. Серебро

CarClick

  • Сервис
  • E-commerce
  • Автотех

Маркетплейс и аукцион для покупки автомобилей онлайн. Разработали веб-сервис и мобильное приложение.

Вэлко

  • Сервис
  • ERP

Сайт для аренды квартир в доме повышенной комфортности с услугами отеля.

Yaves

  • Сервис

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

Стройпарк

  • Мобильное приложениe
  • E-commerce

Мобильное приложение интернет-магазина строительных материалов.

Tarkett

  • Сервис
  • ERP

ERP система для мирового лидера напольных покрытий. Электронная подпись, групповая работа с документами, интеграции с Картами и внутренними виджетами.

Trainet

  • Социальная сеть
  • Мобильное приложениe

Приложение-соцсеть для спортсменов и тренеров. Онлайн-тренировки, бронь занятий, блоги.

WDA. Серебро

Fish2o

  • Сервис
  • Фудтех

Корпоративный сайт для компании-производителя премиум лосося и форели.

WDA. Бронза

Behance

Whoosh

  • Автотех
  • Логистика
  • Сервис

Сервис для курьерской службы и экспресс-доставки для жителей США.

Спроси Врача

  • Медтех
  • Сервисы

Автоматизированный сервис для медицинских консультаций онлайн

ФССП.РФ

  • Сервис

Сайт и приложение, с помощью которых пользователь может проверить и уплатить штрафы в ФССП и ГИБДД.

Telemetron

  • Фудтех
  • Мобильное приложениe
  • Сайты

Мобильное приложение для управления сетью вендинговых автоматов.

Dropfile. Интерфейсы

ТутCервис

  • Мобильное приложениe
  • Автотех

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

Behance

Киномир

  • Мобильное приложениe

Мобильное приложение для сети кинотеатров в Сибирском федеральном округе.

Happens

  • Социальная сеть
  • Мобильное приложениe

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

Корона Авто

  • Сервисы
  • Автотех

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

Обменник

  • Сервисы
  • Финансы

Сервис для автоматического обменника электронных валют.

Pikemedia

  • Сервисы
  • E-commerce
  • Сайты

Корпоративный сайт для компании по производству телеканалов, трансляций видеоконференций под ключ.

ArTravel

  • Сайты
  • Концепция

Мобильное приложение-путеводитель с AR.

StayHome

  • Мобильное приложениe

Игровое мобильное приложение, призывающее соблюдать карантин во время пандемии COVID-19.

Incognito

  • Социальная сеть
  • Мобильное приложениe

Мобильное приложение-социальная сеть для анонимной оценки человека.

Reporter

  • Сервисы

Система подсчета эффективности проектов и исполнителей.

Места Будды

  • Сайты
  • Концепция

Приложение-путеводитель по буддийским местам России.

Обложка кейса НяняГуру

Tagline Awards. Бронза

Made on Tilda

НяняГуру

  • Мобильное приложениe

Мобильное приложение для поиска нянь и их трудоустройства

Обложка кейса Lutch

Lutch

  • Сайты
  • Концепция

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

Обложка кейса образовательной онлайн-платформы

Онлайн-школа

  • Сайты
  • Концепция

Открытая школа 2035 — образовательная онлайн-платформа для учителей и школьников 7-18 лет из России и Казахстана.

Обложка кейса Mriya Resort

Mriya Resort

  • Сайты
  • Концепция

Mriya Resort & SPA — пятизвездочный отель на Южном берегу Крыма, на территории которого есть медицинский и SPA-центр, современный конгресс-центр, парк и собственный пляж.

caseReporter