Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

Всем привет! На связи «Аспирити» — студия разработки из Сибири.

Мы делаем внутренние сервисы и инструменты для компаний. У нас накопилось немало интересных кейсов, мыслей и, конечно, факапов. Завели этот блог, чтобы делиться этим добром с аудиторией :)

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

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

Задача

Клиент: Arctic Group — самый крупный частный провайдер финансовых услуг в Норвегии.

Мы автоматизировали отдел управления недвижимостью и инвестиционными проектами. Всего в отделе 30-40 человек.

Бизнес-процессы:

- ведение проектов по работе с частными инвесторами;

- инвестиции в недвижимость;

- управление недвижимостью;

- распределение прибыли с инвестиционных проектов.

В каждом из процессов задействовано несколько менеджеров, создаётся большое количество документов, задач и подзадач. А весь этот процесс вместе называется «инвестиционный проект».

И ещё немного контекста.

Вышеупомянутые бизнес-процессы работали при участии целого списка различных инструментов: задачники — у каждого менеджера свой, несколько Excel-табличек, заметки, папки на локальном сервере для хранения документов, а все апдейты и статусы через MS Teams.

Нетривиальной задачей было понять:

а) кто чем занят в данный момент;

б) какой статус у конкретного проекта;

в) почему не сходятся цифры в отчёте и т. д.

Такой процесс непрозрачен и им сложно управлять.

Систему для управления этим процессом нам предстояло разработать.

Цели:

- сделать работу отдела прозрачной для руководства;

- снизить влияние человеческого фактора в работе с финансами;

- по возможности автоматизировать и ускорить процессы.

Бюджет на MVP был 4,2 млн руб. По срокам — 6 месяцев. Для продолжения проекта минимальный продукт должен был внести ощутимое положительное влияние в работу отдела.

А теперь подробнее про то, как мы решали эту задачу.

Фаза исследования

Первым этапом было исследование, оцифровка бизнес-процессов и приведение их к единому виду. А затем уже создание некой панели управления этими процессами.

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

Мы поняли, что процесс «as is" совершенно неоднородный, все менеджеры работали по разным алгоритмам. Необходимо было привести этот процесс к единому виду. Было критически важно, чтобы люди понимали будущий процесс "to be» однозначно.

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

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

По требованию заказчика не можем показывать диаграммы БП из проекта Arctic, поэтому пример такой диаграммы из другого проекта:

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

Это позволило отказаться от дополнительных UML-диаграмм, сделать схемы максимально понятными для неподготовленных сотрудников и немного сэкономить на аналитике.

Кроме того, на данном этапе мы выяснили дополнительные требования по технической части и попробовали найти подходящие готовые решения.

Почему в итоге не использовали готовое решение?

Потому что ничего, что было на рынке, не подошло.

По факту причин было две:

1) ни одно готовое решение не соответствовало стандартам безопасности заказчика;

2) не имело встроенных флоу, которые подходили под рабочие процессы отдела.

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

Этапы проектирования системы, архитектуры и немного про разработку

Этап создания технического задания.

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

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

На выходе получили кликабельный/интерактивный прототип в Figma. Нам это позволило избежать большинства разночтений и быстро собрать адекватную обратную связь. Люди видят экран примерно таким, каким он будет в финальной стадии.

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

Почему это важно?

Обычный пользователь не принимает участия в решении о разработке новых систем. Ему вообще нормально работалось в MS Teams, он любит свой тудуист и скорее всего считает, что у него всё хорошо организовано. «Не мешайте работать» — как говорится.

Такой пользователь не несёт ответственности за провал проекта. Он не мотивирован искать подводные камни в наших юзер-стори и текстах, и думать лишний раз про корнер-кейсы. У него есть свои дела и зона ответственности.

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

А вот и ссылка на UX-прототип. Он на норвежском, но можно покликать: )

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

Следующим шагом было создание UI.

Для большинства проектов мы создаём кастомный UI-кит и задаём правила для дизайн-системы. Таким образом, клиентам проще добавлять новые модули и функциональность с нашей помощью или самостоятельно.

Часть UI-кита на иллюстрации:

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

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

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

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

Совместно с клиентом решили частично использовать open source headless CMS Strapi. В Strapi легко настраиваются стандартные правила поведения для бэка. Однако там, где нужна сложная и кастомная логика, Strapi не всегда хорошо подходит.

Про этот опыт работы со Strapi мы более подробно писали в материале в нашем блоге на английском языке. Ссылка на статью.

Утрированная схема движения данных
Утрированная схема движения данных

Фронт сделали на ReactJS. Strapi подцепили к PostgreSQL на стороне клиента. Чтобы пройти по безопасности, пришлось повозиться с кастомизацией Strapi, больше всего с правилами авторизации. Но на выходе получилось достаточно элегантно. Встроенная админ-панель позволяет работать с базой даже совсем нетехническим специалистам.

Пример админ-панели в Strapi:

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

С технической стороны, большую часть времени, систему разрабатывали три разработчика в конфигурации: джун + миддл + синьор/архитектор + QA.

Релиз MVP и запуск системы в эксплуатацию

MVP разработали за 6 месяцев.

В него вошли следующие фичи:

- дашборд для менеджера (текущие проекты и статусы по ним) ;

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

- календарь-планер менеджера. Когда создаётся первый ивент определённого типа, то календарь создаёт ещё несколько встреч с нужными интервалами и приглашает туда нужных людей;

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

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

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

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

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

Отмечу ещё, что большую роль сыграло то, что мы достаточно плотно работали со всем отделом, и у нас был выделенный человек со стороны заказчика, который на 100% был погружен в проект. Он помогал в тестировании и давал инсайты, о которых мы бы никак не смогли догадаться сами. Это же позволило ещё на этапе проектирования дать верные ожидания будущим пользователям системы и снизить уровень стресса при первых запусках и онбординге.

Вторая итерация разработки

Во второй итерации мы разработали:

- систему автоматических оповещений для клиентов и менеджеров по SMS и E-mail;

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

- сделали интеграцию с MS Teams для упрощения координации и обмена документами с другими отделами, которые используют Teams;

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

- автоматически собираемые отчёты для руководства. В Норвегии вообще любят отчётность, поэтому эта фича была самой желаемой ещё в начале;

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

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

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

Результат

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

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

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

- среднее количество проектов на одном менеджере увеличилось с 3 до 5;

- сократили на 50-60% количество внутренних звонков-согласований. Большинство статусов можно отследить в системе и поставить задачи необходимым исполнителям;

- квартальный отчёт, на который раньше отводили две недели, сейчас делается за 2-3 дня. В системе есть готовые шаблоны, при создании данные по нужным активам подтягиваются сами;

- в итоге экономия операционного времени сотрудников составила не менее 40%. Если считать по средней загрузке сотрудников, то пропускная способность отдела в среднем увеличилась на 35-45%.

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

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

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

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

Таким образом, неизмеримые оптимизации тоже сыграли важную роль в конечном результате.

В итоге клиент получил современный инструмент, который отлично заменил «зоопарк» разных таблиц, календарей, задачников и т.д. И кроме того, дизайн-систему с описанными правилами для более простого масштабирования инструмента в будущем.

Несколько скриншотов финальной работы до и после:

<i>Большая часть работы велась в Excel и Гугл-таблицах с макросами. В новой системы мы ушли от таблиц и постарались максимально сократить вероятность ошибок, мискликов и ошибочных расчётов. </i>
Большая часть работы велась в Excel и Гугл-таблицах с макросами. В новой системы мы ушли от таблиц и постарались максимально сократить вероятность ошибок, мискликов и ошибочных расчётов. 
<i>Такая информация хранилась в документах и договорах. В новом решении мы постарались сделать всё более визуально доступным и удобным.</i>
Такая информация хранилась в документах и договорах. В новом решении мы постарались сделать всё более визуально доступным и удобным.
<i>Календари и дела велись в сторонних приложениях: у каждого своё, какого-то единого стандарта не было. Для примера вставил Гугл-календарь. В новом решении мы постарались создать единый инструмент для реализации всего бизнес-процесса.</i>
Календари и дела велись в сторонних приложениях: у каждого своё, какого-то единого стандарта не было. Для примера вставил Гугл-календарь. В новом решении мы постарались создать единый инструмент для реализации всего бизнес-процесса.

Пару слов в конце

Над этим проектом мы работали по Time&Material. Это позволило быть очень гибкими на всех этапах разработки и не перезакладываться лишний раз по рискам.

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

Всем спасибо, кто дочитал до конца. <3

Как мы автоматизировали отдел в инвестиционном банке. Более 35% экономии операционного времени

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

2929
7 комментариев

Справедливое замечание. В мыслях не было принижать Excel и Google sheets. Это отличные и очень мощные инструменты. В правильных руках способны творить магию.

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

По этому кейсу:
Задача клиента была в том, чтобы заменить именно текущий "зоопарк таблиц" созданных на базе Excel и Google.

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

Во вторую очередь, чтобы снизить человеческий фактор.

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

5
Ответить

О, привет!

3
Ответить

Большая часть работы велась в Excel и Гугл-таблицах с макросамиотлично заменил «зоопарк» разных таблиц, календарей, задачников и т.д.клиент получил современный инструментТо есть Гугл безнадежно устарел. И майки сдулись. А вы сделали лучше Гугла. И лучше майков. Вместе взятых.
Молодцы!!!

1
Ответить