Объединить сложный процесс в одном интерфейсе

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

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

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

Разные сценарии для новых и постоянных пользователей

Главный экран Launchpad адаптирован под два сценария использования.

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

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

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

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

Единый визуальный язык платформы

Для Europace подготовил UI Kit с основными элементами интерфейса.

Визуальная система построена на нейтральной палитре с тёмно-зелёными акцентами, компактной типографике и повторяющихся компонентах.

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

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

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

Единый процесс ипотечного финансирования

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

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

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

Главный результат проектирования — последовательный пользовательский сценарий, в котором консультант может пройти путь от первого обращения клиента до рассмотрения заявки банком, не теряя данные и контекст.