Следите за обновлениями в наших соцсетях
Telegram
Vkontakte
YouTube
Dribble
Behance

Инвестирование

UX/Ui

Разработка

Проектирование

2020

Инвестиционное мобильное приложение «Halyk Invest» для «дочки» крупнейшего Банка Казахстана

Ежегодно тренд на упрощение инвестирования развивается все сильнее. Мы разработали для «дочки» крупнейшего банка Казахстана Halyk Bank Halyk Finance — мобильный брокер с онбордингом, базовыми инструментами вроде продажи/покупки акций и аналитикой.

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


Статьи о проекте в СМИ

О клиенте

Halyk Finance — это ведущий инвестиционный банк, сфокусированный на Центральной Азии.


Задача

К нам обратился клиент — дочерняя организация крупнейшего банка Казахстана Halyk Bank, Halyk Finance — с запросом на создание приложения мобильного брокера. Компания является первым брокером-дилером в Казахстане, получившим международный кредитный рейтинг («BB+» от международного рейтингового агентства «Fitch Ratings»).

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


Решение

Исходя из бизнес-целей клиента, мы создали мобильный брокер с онбордингом и базовыми инструментами: продажей/покупкой акций и аналитикой.

Аудитория проекта отличается от устоявшейся клиентской базы Halyk Finance. Она существенно моложе: возраст большего числа пользователей мобильного приложения — 25–40 лет (традиционный клиент брокера — 35–55 лет), порядка 70% аудитории — мужчины. В основном это люди, которые в первый раз взаимодействуют с инвестициями, но уже являются клиентами банков, имеют стабильный доход, выраженную способность к накоплению.

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


Таймлайн проекта

Анализ бизнес-задачи

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

После анализа начинается этап проектирования. К этому этапу относится создание спецификации — документа, где описываются возможные действия пользователя на каждом экране и функциональные требования к приложению. Эта ступень помогает совместить красивый дизайн и нужные функции, не забыть об удобстве и пользе приложения для пользователя. Например, выделить из всего списка действие «купить акцию Tesla» с помощью 3D-кнопки.

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

Дизайн

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

Дизайн создается в несколько основных этапов:

  • Мы рисуем CJM и описываем сценарии использования приложения 
  • Прорабатываем графическую структуру: цвета, шрифты и детали вроде анимаций
  • Создаем дизайн
  • Обсуждаем полученную работу с заказчиком
  • Дорабатываем интерфейс
  • Утверждаем финальный вариант 

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

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

Заказать консультацию по проекту

Наши опытные менеджеры проконсультруют вас по любым вопросам в течении 15 минут

Разработка

Разработку мы начали с MVP, чтобы сфокусироваться на самых важных для пользователя функциях в первом релизе приложения. 

MVP

В создании сложных проектов главное понять, что самое важное для пользователя. Мы постоянно задавали себе вопрос: «Если убрать эту функцию/экран/технологию, как это повлияет на пользовательский опыт?». Так мы пришли к тому, что раздел «Новости» и другие бумаги вроде облигаций решили добавить позже. 

Во время разработки первого релиза Halyk Finance мы договорились с заказчиком, что в MVP проекта будет входить: 

  • главный экран;
  • продажа и покупка акций;
  • портфель клиента;
  • аналитика по купленным бумагам.

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

После того, как мы разработали MVP, мы приступили к работе над другими разделами — онбордингом, расширенным портфелем клиента, новостями.

Как устроено приложение Halyk Invest

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

В рамках процесса пользователи Halyk Invest при открытии счёта должны сначала зарегистрироваться в системе интернет-банкинга Народного Банка Home Bank. Мы решили объединить разрозненные этапы, чтобы упростить этот этап для пользователя.

Получилось так:

1. Пользователь регистрируется в системе Halyk Homebank , подтверждая личность с помощью биометрической идентификации;

2. Открывается брокерский счет;

3. Пользователь подписывает заявления с помощью SMS и ждет открытия счета.

В Halyk Invest мы упростили открытие счета и сделали его полностью дистанционным:

  1. Пользователь проходит регистрацию в системе банка. Приложение получает данные пользователя, на их основании формируется анкета-заявление.
  2. Пользователь проверяет достоверность данных, подписывает их с помощью SMS-пароля.
  3. Заявка отправляется на сервер → сервер обращается к центральному депозитарию (ЦД). ЦД подтверждает открытие счёта и отправляет уведомление на сервер.
  4. Пользователю приходит SMS об открытии счёта. По ссылке в сообщении он устанавливает пароль в приложении.

Самые полезные разделы в приложении

В разделе «Рынок» мы собрали несколько полезных вкладок для клиентов Halyk Finance:

  • Рыночные показатели всех ценных бумаг, включая цену открытия и закрытия.
  • Информация об эмитенте. Пользователь может изучить данные по эмитенту и перейти на сайт с подробным описанием.
  • Биржевой стакан — один из основных инструментов для трейдинга. В нем доступна информация о том, по каким ценам покупают и продают ценные бумаги.
  • В «Новостях» сотрудники банка делятся советами с пользователями. Из статей и новостей рынка можно узнать нужно ли сейчас продавать ценные бумаги или стоит их пока придержать.

Все приобретенные ценные бумаги собраны в «Портфеле». Там же собрана информация по финансовым показателям каждого инструмента.

Безопасный онлайн-брокер

Логин в приложении устроен по «золотому стандарту» рынка — можно зайти по имени и паролю, а можно по Face ID и Touch ID. 

Технология OTP (one-time password) — дополнительная мера защиты финансовых интернет-операций. Пользователь получает SMS с паролем, действительным только для одного сеанса аутентификации. Это значит, что злоумышленники не смогут воспользоваться им для повторного входа в систему. 

В приложении, мы внедрили SMS OTP во все разделы в соответствии с нормами безопасности клиента: на этапе регистрации, открытия счета, пополнения счета, конвертации и т.д., чтобы избавиться от навязчивых звонков настолько, насколько это возможно.

Команда

Над проектом работали 8 специалистов: один iOS, два Android, backend-разработчик, тестировщик, дизайнер, два frontend-разработчика, а также бизнес-аналитик и проект-менеджер в одном лице.

Технологии

Swift

Kotlin

Vue.js

Результат

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

За месяц через Halyk Invest открыто свыше 2700 брокерских счетов, среднемесячное количество операций наших клиентов выросло в 8,5 раза, а их сумма увеличилась в 2,5 раза. Чтобы понять масштаб, скажу, что на сегодняшний день количество всех открытых счетов физических лиц в Центральном депозитарии составляет около 130 000, из них около 17 000 было открыто за весь 2020 год. Это значит, что потенциальный спрос в сфере инвестиций сейчас намного выше реализованного, вопрос был лишь в предоставлении клиентам удобного инструмента для входа на фондовый рынок. Теперь такой инструмент у них есть.

Талгат Аюпов, Председатель Правления АО «Halyk Finance»

Сейчас в приложении можно работать только с акциями, ETF, ETN и ПИФами, листингованными на биржах. В следующих версиях планируется добавление облигаций, операций РЕПО и IPO.

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

2700+

За месяц открыто брокерских счетов

x8,5

Выросло количество операций клиентов

x2,5

Выросла сумма операций

Отзыв клиента

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

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

Талгат Аюпов

Председатель правления АО «Halyk Finance»

    Заказать проект