Как (и зачем) мы полностью переделали интернет-банк. Опыт Альфа-Банка

У приложения Альфа-Банка в App Store очень высокая оценка для банковского приложения — 4,9 из 5. 80% клиентов открывают его регулярно. Но оказалось, что мобильное приложение не заменяет интернет-банк — люди пользуются ими по-разному. Поэтому мы сделали тотальный апгрейд интернет-банка, построив его заново почти с нуля.

За основу взяли микросервисную архитектуру мобильного приложения Альфа-Банка: она простая в разработке, надёжная и гибкая — клиенты моментально видят изменения в браузере и в смартфоне. Собрали все продукты в одном месте, придумали умную форму переводов по реквизитам, добавили счётчик к переводам по СБП и ленту умных напоминаний вместо сториз и рекламы. Дальше — обо всём подробно и с картинками.

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

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

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

Клиенты часто заходят в интернет-банк, чтобы перевести деньги между своими счетами или с карты на карту. Так на главной странице появился виджет, с помощью которого перевод можно сделать в два клика. А ещё виджет поможет выгодно обменять валюту: курс обновляется каждые 30 секунд.

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

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

Через систему быстрых платежей (СБП) можно бесплатно перевести 100 000 рублей в месяц. Часто клиентам сложно понять, исчерпали они лимит на переводы или ещё нет. Теперь при отправке денег по СБП мы сразу показываем, сколько ещё можно перевести в этом месяце бесплатно. Такого больше ни у кого нет.

В старой версии интернет-банка мы всё называли счётом. Из-за этого клиенты не могли отличить счета от карт и, когда нужно было, например, сменить пин-код, путались и не понимали, как это сделать.

Мы разделили счета и карты в меню и поменяли дизайн страниц: вот счёт, а вот карта. На самый верх вынесли необходимые функции: пополнить, оплатить, получить реквизиты. А ещё визуально обозначили сервисные функции (например, смену пин-кода, блокировка или перевыпуск карты).

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

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

Раньше важные уведомления и персональные предложения были разбросаны по главной странице: информация о входящих счетах — вверху слева, активация карты — где-то справа внизу, а предложение кредита — прямо по центру. Сходу найти информацию о новом штрафе ГИБДД было сложно.

Первое, что нам пришло в голову — сделать персональные предложения в виде ленты баннеров, а остальные уведомления собрать где-то ещё. Но клиенты эту идею забраковали: никто не захотел смотреть ни сториз, ни рекламу. Тогда мы поменяли подход и собрали в ленте важные уведомления. Теперь там появляются карточки с информацией о ближайших платежах, предупреждения о сроке закрытия вклада, штрафах ГИБДД и счетах на оплату. Персональные предложения от банка тоже есть, но в самом конце.

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

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

А пока нам нужна ваша помощь: скажите, чего не хватает интернет-банку Альфы. Читайте инструкцию на alfa.click, тестируйте, пишите в комментариях и на newclick@alfabank.ru, что у нас получилось хорошо, что надо доработать и какие функции добавить. Всё возьмём в работу.