Поддерживаем UI и UX-дизайн инвестиционной платформы

«Поток» — инвестиционная платформа, которая позволяет малому и среднему бизнесу привлекать инвестиции или брать займы. Инвестором могут стать как физические так и юридические лица. По собственным данным компании, ее оценку прошли более 346 тысяч компаний, сейчас на платформе более 135 тысяч инвесторов. 

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

Редизайн личного кабинета инвестора

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

Изменения начались с главной страницы для инвесторов. Мы предложили блочную систему, которая помогла бы структурировать информацию на странице. Теперь инвесторы сразу видят объем доступных средств, сколько денег в копилке. Появились понятные кнопку call to action: купить, пополнить. 

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

Редизайн личного кабинета заемщика

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

UI-кит

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

Проектирование онбординга

В рамках редизайна мы также сделали понятный процесс регистрации как для инвесторов, так и для заемщиков. Для инвесторов процесс разделен на три шага, человек сразу видит, что ему нужно будет сделать, чтобы полноценно использовать сервис: загрузить паспорт, подписать документы, пополнить счет. Приложить необходимые документы можно и через Госуслуги. 

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

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

Мобильное приложение

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

Платформа для агентов

Одно из последних нововведений «Потока» — платформа для агентов. Это пользователи, которые выступают от имени нескольких заемщиков и помогают им с оформлением займов. Интерфейс для таких пользователей мы разрабатывали на основе интерфейсов для обычных заемщиков. Изначально для агентов тоже планировалась блочная система, но мы быстро поняли, что клиентов может быть слишком много, и таблица будет нагляднее. В ней видны все статусы по текущим траншам, по клику можно перейти к подробной карточке. В ней уже видно, подписаны ли документы, заполнена ли анкета, на какой стадии оформление. Чаще агенты сами заполняют анкету и прикрепляют необходимые документы, клиент только подписывает их. Для подписи есть ссылка, которую нужно отправить клиенту, и это важный элемент интерфейса, чтобы ее было легко и быстро найти для каждого из клиентов.

Планы

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

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

Ищете опытную команду дизайнеров, которая поможет вам создать привлекательный UI/UX-дизайн для финтех-приложения? Заполните форму внизу и менеджеры Evrone свяжутся с вами, чтобы обсудить вашу идею и рассказать о нашем опыте.