![](https://habrastorage.org/getpro/habr/post_images/c8e/ea2/73f/c8eea273fe86c415ef854b1a7e3af658.png)
Для нас создать новый Интернет-банк было одной из самых важных целей за прошедший год. У нас уже было несколько подобных решений в прошлом и нужно было сделать что-то сильно лучшее.
Мы изучали лучшие мировые продукты, смотрели что из этого подойдёт нашим клиентам, проектировали, разрабатывали, пытались пользоваться сами, если что-то не нравилось, делали заново. Было много дискуссий. И вот этим летом запустили свой новый Интернет-банк для клиентов.
![](https://habrastorage.org/getpro/habr/post_images/e20/97a/3f3/e2097a3f359bc9dc4500278aa5e9905a.jpg)
Самое приятное, что с первой нашей попытки журнал Global Finance признал наш новый Интернет-банк лучшим в России за 2012 год, похоже, мы оказались на верном пути.
Ниже предлагается краткий обзор функционала и интерфейсов с большим количеством иллюстраций.
Что же мы сделали?
Главной идеей нового Интернет-банка была возможность максимальной персонализации, поэтому, как идею для интерфейса, выбрали портал:
![](https://habrastorage.org/getpro/habr/post_images/f1d/09d/5ca/f1d09d5ca39b42dbce1b434536416c53.png)
Весь необходимый функционал должен быть доступен на одной странице без дополнительных кликов и переходов. Функции поделили на виджеты, которые можно двигать, сворачивать или убрать в каталог:
![](https://habrastorage.org/getpro/habr/post_images/06a/29c/4a2/06a29c4a2462cfc93a44105817bcc198.png)
Также постарались максимально визуализировать финансовую информацию, чтобы упростить восприятие:
![](https://habrastorage.org/getpro/habr/post_images/a4a/d52/f97/a4ad52f97efce2a556d7a22401f7bc9e.png)
![](https://habrastorage.org/getpro/habr/post_images/fb7/5ab/377/fb75ab377e88f150c5c355b003084a60.png)
Из Интернет-банка можно оплатить около 1500 российских провайдеров. Чтобы не перегружать пользователя, они поделены по регионам, по умолчанию отображаются только провайдеры региона определённого по IP-адресу. Провайдеры предзагружаются в кэш и индексируются, так что поиск по ним происходит очень быстро за O(1). Есть разные переводы, для частых платежей можно создать шаблоны, чтобы не вводить реквизиты каждый раз:
![](https://habrastorage.org/getpro/habr/post_images/e62/4c5/58c/e624c558c69d8b01a50d3de092affd6f.png)
Есть отдельная страница, на которой можно решить вопросы, если в самом Интернет-банке нет соответствующих функций. В том числе, есть возможность позвонить в call-центр из браузера:
![](https://habrastorage.org/getpro/habr/post_images/cc3/cd4/cd4/cc3cd4cd4e75e8b22c10550a3963e784.png)
Персональные данные можно изменить без обращения в банк по телефону:
![](https://habrastorage.org/getpro/habr/post_images/c97/d1b/104/c97d1b104818b5c53d2e0d7ee4beebaf.png)
Если вы не клиент нашего банка, можно посмотреть как работает часть функций Интернет-банка на видео:
- Вход и регистрация
- Информация по счёту
- Подключение услуг
- Оплата сотовой связи
- Открытие нового вклада
- Перевод средств
Пока функционал довольно стандартен для таких приложений. Но есть кое-что, чего пока ни у кого нет. Например, возможность поделиться информацией о совершённой операции с друзьями:
![](https://habrastorage.org/getpro/habr/post_images/299/7f4/849/2997f484977441ad9aa14ea1a35e7277.png)
Ещё по операциям можно видеть связанные с ними логотипы брендов:
![](https://habrastorage.org/getpro/habr/post_images/453/f0c/2df/453f0c2df0674095219f4a48befb9830.png)
Хотя, конечно, большую часть времени мы уделили проработке интерфейса. Дальше мы будем наращивать функционал.
Надеюсь вам было интересно посмотреть на то, что мы сделали.
Все предложения и замечания мы с радостью обсудим в комментариях.