Провели редизайн приложения «МКБ Инвест»
Этот кейс MobileUp о том, как компании вывести своё инвестиционное
приложение в лидеры рынка. Расскажем про повышение
эффективности онбординга и механики конвертации новых
клиентов в активных пользователей.
Задача
Вместе с командой банка и брокера «МКБ Инвестиции» вывести
«МКБ Инвест» в лидеры рынка инвестиционных приложений.
Для этого предстояло создать инструмент, одинаково удобный как
для новичков, так и для опытных инвесторов. А также сделать
процесс знакомства с приложением более понятным, чтобы
повысить конвертацию новых клиентов в активных
пользователей.
Причина
Нужно было обновить дизайн существующего приложения — сделать так, чтобы соответствовал трендам рынка инвестиционных сервисов.
Важно: к началу нашей работы уже была готова концепция дизайна для сайта. Нам нужно было придерживаться её и «подружить» продукты банка и брокера, чтобы человек чувствовал, что находится в одной среде.
«Для нас это больше чем редизайн, это начало нового этапа развития приложения с определенной философией. Мы хотим, чтобы «МКБ Инвест» стал инструментом, который поможет начинающему или опытному инвестору работать на фондовом рынке осознанно, в долгосрочной перспективе»
Решение
Мы разработали решение, в основе которого две идеи:
- Держим в курсе: пользователь знает обо всех новостях, событиях и действиях, которые могут влиять на его инвестиционный портфель в эту минуту.
- Окутываем заботой: пользователь воспринимает сервис как своего финансового советника, лучшего друга в мире инвестиций.
Любой инвестор задает себе вопрос: что будет дальше? Так возникла идея создать блок «События», в котором мы решили рассказывать о важных вещах, которые произойдут в ближайшем будущем и повлияют на состояние активов клиента и его инвестиционные решения
С чего начали редизайн
Прежде чем переходить к разработке концепции, провели исследовательскую работу:
- изучили существующее решение;
- погрузились в аналитику и результаты исследований клиента;
- провели анализ конкурентов;
- посмотрели, какие отзывы оставляют пользователи.
Дополнительно проанализировали методологии отраслевых рейтингов. Поскольку один из критериев успеха редизайна для клиента — позиция в Markswebb, особое внимание уделили этой методологии. Старались не только изучить существующие принципы, но и предсказать тенденции следующего года.
Как разрабатывали концепцию
При создании концепции не забывали о ключевых идеях сервиса: помогаем держать руку на пульсе важных событий и заботимся на каждом этапе. В тесной связке с клиентом продумали архитектуру будущего решения и логику взаимодействия. Стремились сделать интерфейс интуитивно понятным — чтобы информация легко воспринималась новичками, но при этом встроенные инструменты были полезны и удобны опытным инвесторам.
Как работали над сценариями
Было важно, чтобы редизайн вписывался в привычные для клиентов паттерны и приводил к цели за наименьшее количество шагов и с минимальными затратами сил, времени и внимания.
Мы сохранили основные паттерны старого приложения, а параллельно с этим аккуратно внедрили свежие решения. Что-то придумали вместе с командой банка и брокера «МКБ Инвестиции», что-то позаимствовали у конкурентов и адаптировали под наш продукт.
Ниже делимся сценариями, которыми особенно гордимся.
Знакомим с продуктом
Первый опыт использования продукта самый важный. Если человек изначально сбит с толку, не может разобраться в интерфейсе и не понимает, зачем ему нужен тот или иной инструмент, вряд ли он продолжит активно работать с приложением. Мы улучшили онбординг тех, кто только собирается стать клиентом «МКБ Инвестиции».
Путь всегда разный. Онбординг зависит от этапов, на которых пользователь сейчас находится.
Держим в курсе новостей
На главный экран поместили ленту событий, где отражена информация, актуальная на момент просмотра: движение активов и новости рынка. Позже здесь же появятся персонифицированные уведомления.
Думаем о будущем
В будущем планируем сделать пользовательский опыт еще более ценным и уникальным. Для этого следующие версии приложения дополним интересными персональными фичами. Например, дадим возможность подписываться на финансового наставника и изучать обучающие материалы по инвестициям.
Собрали UI-кит
После презентации и утверждения концепции собрали UI-кит. Он поможет сохранить консистентность системы и облегчит ее масштабирование.
Проработали макеты
Сфокусировались на развитии продукта. Ниже — самые интересные разделы, которые появились на этом этапе.
Главный экран
Раньше пользователю приходилось переключаться между счетами, чтобы увидеть состояние каждого. Сейчас вся информация находится на главном экране. Здесь же инвестор может посмотреть общую динамику активов, а также динамику конкретных портфелей и понять, что происходит на рынке прямо сейчас.
Такое решение позволяет быстро оценить, как идут дела, и предпринять необходимые действия.
Экран счета
При проектировании этого экрана опирались на паттерны старого приложения, но всеми силами старались их улучшить. Например, добавили быстрое переключение между счетами и быстрый доступ к управлению портфелем.
Еще из нововведений — появился раздел с новостями рынка. Здесь можно посмотреть события, которые влияют на портфель.
Экран инструмента
Чтобы пользователю было проще принять решение о покупке или продаже, организовали первый экран обзора и вывели на него самую важную информацию.
Еще улучшили графики. Теперь можно следить за динамикой стоимости, устанавливать оповещения при достижении определенного порога и смотреть прогноз на основе мнения аналитиков.
«Вы видите консенсус-прогноз, на основе каких данных он сделан, понимаете, какие аналитики принимали участие. Так можно понять потенциал бумаги: то, на сколько она может вырасти в процентах. Кстати для тех, кто хочет увеличить потенциал, можно подключить маржинальную торговлю, которая позволит проводить сделки на заемные средства и выводить деньги с брокерского счета под залог ценных бумаг»
Подборки и покупки
Подборки — это идеи для инвестиций, которыми можно воспользоваться. В разделе с покупками реализовали механизм сортировки, фильтрации и дивидендный календарь.
Результаты
Утвердили дизайн, подготовили макеты для разработки, передали материалы оунеру и дизайнерам банка, чтобы они могли дальше развивать приложение. И с нетерпением ждём, когда «МКБ Инвест» появится в магазинах.
После публикации рейтинга Markswebb актуализируем кейс и расскажем, как изменились позиции банка брокера «МКБ Инвестиции» за год.
«Удобное и функциональное приложение может стать теминструментом, который поможет достигнуть финансовых целей,которые вы ставите перед собой. Наша цель, чтобы как можнобольше людей прониклись идеей осознанного инвестирования.Когда ты инвестируешь на регулярной основе, понимаешь, какработает тот или иной финансовый инструмент, и какопределенное новостное событие влияет на портфель, тыпринимаешь больше верных решений, которые ведут тебя кжелаемому результату»
Привет!
У вас вроде и не плохой кейс, и видно, что постарались в работе: разобрались, улучшили, задизайнили. В общем видна деятельность, но цельной картинки и конкретных вещей не хватило совсем :(
Местами очень много текста без иллюстраций — сразу теряется контекст.
Рассказывайте про чудесный онбординг — но не показываете его.
Рассказываете о исследовательских работах — но тоже не показываете их.
Зато какие-то куски интерфейса обозвали UI-китом и показали)
Я совсем без негатива. Повторюсь, мне кажется, что вы проделали большую работу, но в статье как-то недостаточно полно и целостно показали это. Хотелось бы о таком кейсе почитать подробнее)