Таймлайн
2023 — 2024. Продолжительность ~ 7 месяцев
Компания
Уралсиб — один из крупнейших банков РФ
Команда
Заказчик, продуктовый дизайнер, 1 фронт, 2 бэка
Продукт
ВКМ — система управления процессом обработки заявок клиентов и планирования работы менеджеров банка
Задача
Провести комплексный редизайн и значительно расширить функционал внутренней системы для менеджеров банка, работающих в офисе и на выезд к клиенту
Контекст
Выездные менеджеры банка заключают договоры с клиентами на местах, используя мобильное приложение для съемки и отправки документов. Эти документы поступают в сложную внутреннюю систему, где офисные менеджеры с разными ролями занимаются их согласованием, ведением клиентской базы и планированием.
Передо мной стояла амбициозная задача: не просто «освежить» интерфейс, а дважды с перерывом в несколько месяцев последовательно улучшить систему — сначала переосмыслив пользовательский опыт, а затем проведя полный визуальный редизайн в рамках общебанковского ребрендинга. В условиях отсутствия выделенного продакта и аналитика, мне предстояло взять на себя ключевые продакт-функции.
Редизайн касался всего: десктопного веб-интерфейса, адаптива, мобильного приложения
1 этап
В рамках первой итерации была задача обновить дизайн и пересмотреть UX без разработки нового функционала, а на старте 2 итерации проекта у нас появились объемные бизнес-требования от менеджеров.
- Моя роль Product Owner: я провела глубокий анализ требований, трансформировав пожелания в конкретные, реализуемые пользовательские сценарии и функциональные требования для разработчиков. Это позволило команде оценить объем работ и сроки
- Коммуникация: Я стала основным связующим звеном между бизнес-заказчиками и командой разработки, проводя несколько итераций обсуждений для уточнения и приоритизации задач
2 этап
Создание фундамента
В рамках первой итерации мы приняли стратегическое решение сначала инвестировать время в создание UI-кита.
Проблема: отсутствие UI-кита, старая система была неконсистентной — даже кнопки могли отличаться на разных страницах.
Решение: я разработала библиотеку компонентов — это не только ускорило дальнейшую разработку, но и гарантировало согласованность и профессиональный вид всего интерфейса.
В рамках второй итерации в качестве основы я использовала уже созданный UI-кит, который обновила в рамках редизайна и дополнила новыми нужными компонентами. Это позволило мне сократить время на создание UI-кита, что влияло на сроки создания всего проекта.
3 этап
Поэтапное внедрение и улучшение UX
Процесс в рамках двух итераций похож, но во втором случае мы разрабатывали совсем новый функционал.
Работа велась итеративно:
Адаптация существующего функционала: сначала я пересобрала неизменяемый по логике функционал на новых компонентах, что сразу подняло визуальную планку системы.
Проектирование нового опыта: далее мы сфокусировались на новом функционале по пути: Вайрфреймы → Обсуждение → Интерактивный прототип → Финализация → Передача в разработку
Во второй итерации, помимо адаптации, был продуман новый функционал — Автоматизация управления ресурсами
Проблема: управление графиком сотрудников проводилось на другом сервисе, а распределение загрузки менеджеров не было системным.
Решение: создать график работы с визуализацией отпусков и отгулов и связать ее с системой загрузки, которая автоматически рассчитывала бы загрузку менеджеров на основе времени на одного клиента и сама бы направляла новые заявки по мере освобождения.
Результат: мы заложили основу для снижения операционных затрат на планирование и повышения прозрачности распределения работы в команде.
Также были разработаны разделы: отчеты, уведомления, инструкции.
Переработка десктопных и мобильных карточек
Результат
Хотя детали под NDA, я могу описать решения, демонстрирующие мой вклад в улучшение продукта.
Оптимизация карточки клиента — выяснила, какая именно информация в контексте работы менеджеров является ключевой и переработала ее отображение, что сделало интерфейс компактнее и ускорило работу.
Работа со страницей клиента и документами — важные документы находились в самом низу страницы карточки клиента, заставляя менеджеров постоянно скроллить. Информация была размазана по экрану.
Я внедрила навигацию в виде табов в карточке клиента. Документы и связанные с ними действия были вынесены в отдельный таб, доступ к которому стал занимать один клик вместо длительного скролла. Это сократило время доступа к документам с ~5 секунд до 1 секунды.
Оптимизация карточек документов — структурировала информацию так, чтобы вся важная информация вмещалась на одном экране, повысив эффективность проверки и обработки.
Внедрение UI-кита — это повысило консистентность и удобство поддержки продукта.
Проектирование автоматизации управления ресурсами — спроектировала новый сложный функционал, выступая не только в роли дизайнера, но и как менеджер продукта.
Итоги
Этот проект стал для меня примером того, как дизайнер может выходить за рамки своей области и напрямую влиять на продукт и бизнес-процессы.
Двойной редизайн как возможность: два цикла редизайна позволили не просто сменить «обертку», а дважды провести глубокую работу над UX, последовательно улучшая юзабилити и наращивая функциональность.
Измеряемые результаты: благодаря оптимизации интерфейсов (табы, компактные карточки) мы значительно сократили время выполнения рутинных операций (работа с документами клиента), что напрямую влияет на производительность труда менеджеров.
Расширение роли: выполнение функций PO и аналитика позволило самостоятельно прорабатывать бизнес-требования и превращать их в рабочие продукты.