Системный редизайн B2B-платформы для оценки кредитования
Ecolo — международный продукт для оценки кредитования малого и среднего бизнеса. В 2024 году вошел в рейтинг Chartis среди поставщиков технологий управления рисками в сфере искусственного интеллекта.
Проект частично под NDA, поэтому в кейсе показаны только макеты, которые можно найти в открытом доступе.
Контекст
Продукт — B2B-платформа для банков, в которой сотрудники ежедневно формируют заявки, заполняют анкеты, просматривают отчёты и на их основе принимают решения по кредитованию. Ecolo активно рос — добавлялись функции, планировался выход на новые рынки, но архитектура не предполагала масштабирование.
Масштаб
Полный системный редизайн
Стейкхолдеры
Product Owner, команда разработки, техподдержка
ЛПР
Product Owner, менеджер
Моя роль
Единственный продуктовый дизайнер на проекте. Вела полный цикл: от аудита и анализа проблем до передачи в разработку, ревью реализации и тестирования после релиза.
Аудит интерфейса
Проектирование
Многоролевая модель
UI-kit
Постановка задач разработке
Дизайн-ревью
UT
Тестирование
Основная сложность — не было UX-исследований с сотрудниками банков и доступа к метрикам. Опиралась на фидбек от коллег в роли администраторов и аналитику обращений в техподдержку: это позволило выявить паттерны проблем без прямого доступа к пользователям.
Проблемы и гипотеза
Анализ интерфейса показал структурные ограничения: система не могла расти, каждая новая функция нарушала то, что уже работало.
Новые функции приходилось вклинивать в существующие таблицы и блоки, не предназначенные для этого — это замедляло разработку
Логика навигации ломалась: нужный функционал не помещался туда, куда планировался
Локализация не была заложена: армянский язык с длинными словами ломал вёрстку
Не было единой дизайн-системы — компоненты расходились визуально и в логике поведения
Гипотеза: если пересобрать архитектуру, выстроить многоролевую модель и создать расширяемую дизайн-систему, продукт сможет масштабироваться без переработки интерфейса при каждом новом рынке или функции.
Процесс
01
Аудит и сбор фидбека
02
Бенчмарк смежных решений
03
Прототипирование решений
04
Внутренние тесты и ревью
05
Передача и сопровождение разработки
- Аудит
Прежде чем проектировать, я проанализировала систему и провела несколько итераций интервью с внутренними пользователями. Это позволило построить информационную архитектуру обновленного продукта и заложить возможность добавления нового функционала в будущем.
2. Бенчмаркинг
Так как Ecolo — уникальный продукт на рынке и банковские внутренние системы закрыты, найти прямых конкурентов не удалось. Поэтому я искала похожие интерфейсные решения в разных сферах — например, при редизайне анкет анализировала Яндекс Учебник для школьников, платформы школ иностранных языков и онлайн-экзамены по ПДД. Также смотрела заполнение заявок на ипотеку и любые публично доступные B2B-формы. Удачные решения взяла в навигацию и отображение ошибок при заполнении анкет.
3. Решения
UI-kit
До редизайна единой системы компонентов не было. Я собрала базовый UI-kit: кнопки, поля ввода, статусы, таблицы, модальные окна, выпадающие списки, типографику.
Это решило сразу две задачи: интерфейс стал консистентным для пользователей, разработка ускорилась, коммуникация с разработчиками стала проще.
Оптимизация форм
Анализ интерфейса помог понять, что часть полей в формах дублируется, часть мы автоматически можем подтягивать из официальных источников. Это позволило сократить количество полей в формах, и соответсвенно время пользователей на их заполнение.
Пересборка анкет
Анкеты — сердце продукта. От того насколько подробно и точно пользователь заполнит анкету зависит результат оценки. До редизайна они были длинными, плохо структурированными и вызывали ощущение бесконечного скроллинга.
Редизайн анкет проводился в 2 этапа: во время первого изменили шапку, навигацию по блокам, добавили отображение сохранения прогресса, кнопки действий и отображение ошибок.
Во второй итерации я проанализировала содержание анкет, привела формулировки к единому стандарту, визуально отделила вопросы от подсказок, чтобы снизить когнитивную нагрузку на пользователей.
Подготовка к локализации и новым рынкам
Обновленный продукт готовился выйти в 3 новых странах — у каждой свой язык и специфика. Например, в армянском языке слова намного длиннее, чем в русском или английском — для интерфейса это значило поломанную верстку. Добавлялись и разные валюты — нужно было предусмотреть это на этапе создания заявки, заполнения анкет и расчета одобренных сумм в интерфейсе у сотрудников банка, администратора и клиента.
Я заложила гибкость в компоненты: адаптивные контейнеры, поддержку разных валют и метрик, устойчивость к длине строк. Теперь добавление нового рынка не требует переписывания интерфейса.
Многоролевая модель и масштабируемость
В интерфейсе 3 роли: менеджер, супервайзер и администратор — у каждой свои права и доступные действия. Нужно было сохранить единый интерфейс с вариативным поведением, не плодя отдельные интерфейсы под каждую роль. Гибкая настройка через админку позволяет добавлять новые настройки для ролей и стран без переработки UX.
На примере ниже интерфейс для менеджеров в Узбекистане. Оказалось, что электронной почтой там пользуются нечасто и некоторые банки вообще не запрашивают ее у клиентов. Я добавила настройку в интерфейс администратора — если банку не нужна почта клиента, это поле можно просто отключить. Если опционально —менеджер ставит галочку и не заполняет поле.
4. Передача в разработку и релиз
После юзабилити-тестирований, исправленные макеты я подготовила к разработке, написала технические задания для команды. Разработка заняла примерно 6 месяцев. Во время этого проекта мы поставили на поток релизный цикл, моя роль в нем выглядела так:
01
Дизайн-ревью макетов на тестовом стенде
02
Тестирование функционала на тестовом стенде
03
Написание отчета
04
Повторное тестирование и ревью
05
Дизайн-ревью и тестирование на проде
Большой релиз обновлений мы провели во время новогодних каникул, пока банки отдыхали. Это позволило тестировать функционал без риска. Критические ошибки исправили сразу, а дизайн, который не влиял на работу системы, привели в порядок в течение месяца.
5. Результат
Снижение количества обращений
После редизайна, подсветки ошибок в анкетах, добавления инструкций, пользователи перестали писать в поддержку с вопросом «что заполнять» — количество таких обращений заметно сократилось.
Успешный запуск в 3 странах
После релиза Ecolo начал работу с банками в 3 новых странах. Добавление нового языка и валюты больше не требовало переписывания интерфейса.
Ускорение разработки
UI-kit и расширяемые компоненты позволяют добавлять функции без переработки существующих элементов.
Быстрая адаптация после релиза
Первая волна обращений после релиза была ожидаемой, так как мы сильное поменяли интерфейс, но быстро спала — пользователи адаптировались.
6. Рефлексия
Чему научилась: проект стал точкой роста в системном мышлении. Я научилась видеть дизайн не как набор экранов, а как архитектуру — то, что должно выдерживать рост и изменения.
Что сделала бы иначе: Заранее договорилась бы с командой о метриках: время заполнения анкеты, число ошибок, скорость онбординга новых рынков. Добавила бы интервью с сотрудниками банков.
