Провели редизайн приложения МКБ

Задача:

- Вместе с командой банка вывести «МКБ Инвест» в лидеры рынка инвестиционных приложений;

- Создать удобный инструмент как для новичков, так и для опытных инвесторов;

- Повысить эффективность онбординга приложения, конвертировать клиентов в активных; инвесторов

- Учесть константы бренда и сохранить преемственность с другими продуктами банка.

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

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

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

Чтобы сделать хорошую концепцию, начали с исследований:

- Изучили существующее решение;

- Погрузились в аналитику клиента и существующие исследования продукта;

- Ознакомились с отзывами пользователей;

- Провели анализ конкурентов;

- Проанализировали методологию отраслевых рейтингов.

На основе этих данных вместе с командой банка сформировали и приоритизировали бэклог.

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

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

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

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

Ниже — ключевые сценарии, которыми особенно гордимся.

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

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

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

После презентации и утверждения концепции собрали UI-кит. Это помогает сохранять консистентность системы. А в будущем — облегчает ее масштабирование.

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

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

Раньше приходилось переключаться между счетами, сейчас можно видеть состояния счетов, не заходя внутрь каждого.

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

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

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

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

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

Заявки —  увеличили инструментарий инвестора: добавили лимитную заявку, стоп-лимит и тейк-профит. Сделали экран более простым и понятным для восприятия.

Итог: сделали бодрый и вдумчивый редизайн инвестиционного сервиса МКБ.

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

После публикации рейтинга Markswebb дополним кейс и расскажем, как изменились позиции банка за год.