Ecolo: редизайн продукта для оценки кредитования

Системный редизайн B2B-платформы для банков

Ecolo — международный продукт для оценки кредитования малого и среднего бизнеса. В 2024 году вошел в рейтинг Chartis среди поставщиков технологий управления рисками в сфере искусственного интеллекта.

Контекст

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

Масштаб

Полный системный редизайн

Стейкхолдеры

Product Owner, команда разработки, техподдержка

ЛПР

Product Owner (финальное), дизайнер (концепция)

Моя роль

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

Аудит интерфейса

Проектирование

Многоролевая модель

UI-kit

Постановка задач разработке

Дизайн-ревью

Тестирование

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

Проблемы и гипотеза

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

Новые функции приходилось «вклеивать» в существующие таблицы и блоки, не предназначенные для этого — это замедляло разработку

Логика навигации ломалась: нужный функционал не помещался туда, куда планировался

Локализация не была заложена: армянский язык с длинными словами ломал вёрстку

Не было единой дизайн-системы — компоненты расходились визуально и в логике поведения

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

Процесс

Аудит и сбор фидбека

Бенчмарк смежных решений

Прототипирование решений

Внутренние тесты и ревью

Передача и сопровождение разработки

Аудит

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

Бенчмаркинг

Так как Ecolo — уникальный продукт на рынке и банковские внутренние системы закрыты, найти прямых конкурентов не удалось. Поэтому я искала похожие интерфейсные решения в разных сферах — например, при редизайне анкет анализировала Яндекс Учебник для школьников, платформы онлайн-школ английского языка и онлайн-экзамен по ПДД. Также смотрела заполнение заявок на ипотеку и любые публично доступные B2B-формы. Удачные решения взяла в навигацию и отображение ошибок при заполнении анкет.

Решения: UI-kit как основа консистентности

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

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

Решения: оптимизация форм

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

Решения: пересборка анкет

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

Редизайн анкет проводился в 2 этапа: во время первого изменили шапку, навигацию по блокам, добавили отображение сохранения прогресса, кнопки действий и отображение ошибок.

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

Решения: Подготовка к локализации и новым рынкам

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

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

Решения: Многоролевая модель и масштабируемость

В интерфейсе 3 роли: менеджер, супервайзер и администратор — у каждой свои права и доступные действия. Нужно было сохранить единый интерфейс с вариативным поведением, не плодя отдельные интерфейсы под каждую роль. Гибкая настройка через админку позволяет добавлять новые роли без переработки UX.

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

Передача в разработку и релиз

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

Дизайн-ревью макетов на тестовом стенде

Тестирование функционала на тестовом стенде

Написание отчета

Повторное тестирование и ревью

Дизайн-ревью и тестирование на проде

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

5 Результат

Так как количественных метрик не было, фиксирую качественные и косвенные результаты.

Снижение количества обращений

После редизайна, подсветки ошибок в анкетах, добавления инструкций, пользователи перестали писать в поддержку с вопросом «что заполнять» — количество таких обращений заметно сократилось

Успешный запуск в 3 странах

После релиза Ecolo начал работу с банками в 3 новых странах. Добавление нового языка и валюты больше не требовало переписывания интерфейса

Быстрая адаптация после релиза

Первая волна обращений после релиза была ожидаемой, так как мы сильное поменяли интерфейс, но быстро спала — пользователи адаптировались

Ускорение разработки

UI-kit и расширяемые компоненты позволяют добавлять функции без переработки существующих элементов

6 Рефлексия

Чему научилась: проект стал точкой роста в системном мышлении. Я научилась видеть дизайн не как набор экранов, а как архитектуру — то, что должно выдерживать рост и изменения.

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