МТС Банк Бизнес — онлайн-банк для предпринимателей, предоставляющий полный перечень банковских услуг для малого и среднего бизнеса

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

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

Провести редизайн платформы на новых компонентах и перепроектировать пользовательские сценарии: сделать сервис более масштабируемым и удобным для B2B-аудитории, сохранив при этом бизнес-требования

Отдельный фокус на десктопной версии интерфейсов, так как ей пользуются около 90% аудитории

Для кого

Пользователи МТС Банк Бизнес

Результаты

Моя роль

Я проектировала ключевые банковские сценарии end-to-end: витрина, страницы подключения продуктов, расчетный счет, корпоративные карты, анкеты и продуктовые лендинги

Команда

CPO, PO, продуктовый дизайнер, тестировщики, аналитики, исследователи, UX-редакторы, frontend- и backend-разработчики

Платформы

iOS, Android, Web

Расчетный счет

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

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

Витрина продуктов

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

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

Страницы подключения продуктов

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

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

Унификация продуктов позволила ускорить внесение изменений без участия разработки благодаря внедрению системы управления контентом (CMS)

Корпоративные карты

Я перепроектировала экран корпоративных карт — пересобрала структуру раздела и упростила доступ к ключевым действиям. В рамках развития продукта я внедрила новый функционал анализа операций и лимитов по карте

Анкеты

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

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

Лендинги

Помимо работы над внутренними страницами ДБО, я проектировала лендинги, которые объясняли преимущества и условия банковских продуктов

Я прорабатывала структуру страниц, визуальную и текстовую подачу, продумывала последовательность блоков и акценты на ключевых выгодах

Лендинг о продукте Овернайт

Подход к работе

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

Кроме того, все интерфейсы реализованы в светлой и тёмной теме, а также учитывают различные состояния и ошибки

Пример проработки макетов

Рефлексия