РБК Компании
Главная MobileUp 22 апреля 2023

Провели редизайн приложения «МКБ Инвест»

Кейс о том, как компании вывести своё инвестиционное приложение в лидеры рынка
Провели редизайн приложения МКБ
Задача

Вместе с командой банка и брокера «МКБ Инвестиции» вывести «МКБ Инвест» в лидеры рынка инвестиционных приложений. Для этого предстояло создать инструмент, одинаково удобный как для новичков, так и для опытных инвесторов. А также сделать процесс знакомства с приложением более понятным, чтобы повысить конвертацию новых клиентов в активных пользователей.

Причина

Нужно было обновить дизайн существующего приложения — сделать так, чтобы соответствовал трендам рынка инвестиционных сервисов. Важно: к началу нашей работы уже была готова концепция дизайна для сайта. Нам нужно было придерживаться её и «подружить» продукты банка и брокера, чтобы человек чувствовал, что находится в одной среде.

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

Провели редизайн приложения «МКБ Инвест»
Приложение МКБ до редизайна и после

Решение

Мы разработали решение, в основе которого две идеи:

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

«Любой инвестор задает себе вопрос: что будет дальше? Так возникла идея создать блок «События», в котором мы решили рассказывать о важных вещах, которые произойдут в ближайшем будущем и повлияют на состояние активов клиента и его инвестиционные решения», — добавляет Константин Шабалин.

С чего начали редизайн

Прежде чем переходить к разработке концепции, провели исследовательскую работу:

  • изучили существующее решение;
  • погрузились в аналитику и результаты исследований клиента;
  • провели анализ конкурентов;
  • посмотрели, какие отзывы оставляют пользователи. 

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

Как разрабатывали концепцию

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

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

Провели редизайн приложения «МКБ Инвест»
Больше экранов нашей концепции

Как работали над сценариями

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

Мы сохранили основные паттерны старого приложения, а параллельно с этим аккуратно внедрили свежие решения. Что-то придумали вместе с командой банка и брокера «МКБ Инвестиции», что-то позаимствовали у конкурентов и адаптировали под наш продукт.

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

Знакомим с продуктом

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

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

Держим в курсе новостей

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

Думаем о будущем 

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

Собрали UI-кит

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

Провели редизайн приложения «МКБ Инвест»
Часть элегантного UI-кита

Проработали макеты

Сфокусировались на развитии продукта. Ниже — самые интересные разделы, которые появились на этом этапе.

Главный экран

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

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

Провели редизайн приложения «МКБ Инвест»
Экран, который не только спрашивает как дела, но и поздравляет с новым статусом

Экран счета

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

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

Экран инструмента

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

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

Провели редизайн приложения «МКБ Инвест»
Так выглядит экран инструмента

«Вы видите консенсус-прогноз, на основе каких данных он сделан, понимаете, какие аналитики принимали участие. Так можно понять потенциал бумаги: то, на сколько она может вырасти в процентах. Кстати для тех, кто хочет увеличить потенциал, можно подключить маржинальную торговлю, которая позволит проводить сделки на заемные средства и выводить деньги с брокерского счета под залог ценных бумаг», — Константин Шабалин, начальник управления развития продуктов «МКБ Инвестиции». 

Подборки и покупки

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

Провели редизайн приложения «МКБ Инвест»
Подборки и покупки помогают пользователю сориентироваться во всем многообразии рынка

Заявки

Расширили инструментарий инвестора. В новой версии приложения появилась лимитная заявка, стоп-лимит и тейк-профит.

«Удобное и функциональное приложение может стать тем инструментом, который поможет достигнуть финансовых целей, которые вы ставите перед собой. Наша цель, чтобы как можно больше людей прониклись идеей осознанного инвестирования. Когда ты инвестируешь на регулярной основе, понимаешь, как работает тот или иной финансовый инструмент, и как определенное новостное событие влияет на портфель, ты принимаешь больше верных решений, которые ведут тебя к желаемому результату», — заключает Константин Шабалин, начальник управления развития продуктов «МКБ Инвестиции».  

Результат

Утвердили дизайн, подготовили макеты для разработки, передали материалы оунеру и дизайнерам банка, чтобы они могли дальше развивать приложение. И с нетерпением ждём, когда «МКБ Инвест» появится в магазинах. После публикации рейтинга Markswebb актуализируем кейс и расскажем, как изменились позиции брокера «МКБ Инвестиции» за год.

Интересное:

Новости отрасли:

Все новости:

Профиль

Дата регистрации12.01.2011
Уставной капитал10 000,00 ₽
Юридический адрес ГОРОД САНКТ-ПЕТЕРБУРГ УЛ. БОЛЬШАЯ МОСКОВСКАЯ Д. 1-3 ЛИТЕР А ПОМЕЩ. 31-Н
ОГРН 1117847002272
ИНН / КПП 7839437267 784001001
Среднесписочная численность44 сотрудника

Контакты

Адрес Россия, г. Санкт-Петербург, ул. Б. Московская, д. 1–3, офис 9
Телефон +78126488125

Социальные сети