Совкомбанк ЧатБанк

Приложение для управления личными и бизнес-счетами
Мобильное приложение Велогород
Предприниматели постоянно совершают финансовые операции: переводят деньги, создают платёжные поручения, проверяют отчётность. Чтобы клиентам не нужно было постоянно перескакивать между счетами, «Совкомбанк» сделал сервис, который даёт доступ ко всему одновременно: к бизнес-счетам, личным счетам и даже счетам членов семьи. Мы помогли улучшить опыт использования приложения с помощью стильного и продуманного дизайна.
Задача

Сервисы «Совкомбанка» воспринимались как консервативные и неудобные. Чтобы избавиться от негативного восприятия, разработчики внедрили уникальную возможность объединять счета и попросили нас сделать современный дизайн приложений.
Решение
Мы провели исследование рынка, проанализировали решения других банковских приложений, продумали, что можно сделать лучше в «ЧатБанке», и презентовали заказчику дизайн-концепцию. Клиенту понравился наш подход, мы выиграли тендер и разработали дизайн для двух платформ.
Отборные банковские решения
Мы протестировали приложения «Сбербанка», «Альфа-Банка», «Тинькофф банка», «Рокетбанка» и банка «Точка»: попробовали перевести деньги, выставить счета и оплатить услуги. Узнали, что где лучше работает, и изучили отзывы пользователей. Собрали всё лучшее и предложили решения для каждого экрана «ЧатБанка». Одним из таких решений стало добавление аватаров пользователей: не страшно отправлять деньги, если видишь лицо человека.
Сравнение с конкурентами


Филипп Фильченко
Арт-директор, MobileUp
«Я давно мечтал сделать что-нибудь для банка и загорелся проектом. На подготовку к тендеру мы потратили больше 40 часов: провели исследование и сделали прототип, затем подготовили дизайн-концепт и в итоге выиграли. Дальше всё шло как по маслу: мы блоками дорабатывали дизайн-концепцию, перенося её на все экраны приложения».
Все счета на одном экране
Одна из главных задач «ЧатБанка» – объединить всё под одним аккаунтом: счета компаний, личные карты и карты членов семьи. При этом нам нужно было сделать главный экран чистым, информативным и не перегруженным.

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



С главного экрана можно перейти на экран счёта, но не обязательно возвращаться, чтобы посмотреть другой. Счета переключаются свайпом.
Все счета на одном экране
Одна из главных задач «ЧатБанка» – объединить всё под одним аккаунтом: счета компаний, личные карты и карты членов семьи. При этом нам нужно было сделать главный экран чистым, информативным и не перегруженным.

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



С главного экрана можно перейти на экран счёта, но не обязательно возвращаться, чтобы посмотреть другой. Счета переключаются свайпом.
Понятная аналитика финансов
Деньги любят счёт. Чтобы проанализировать расходы и доходы в приложении «ЧатБанк» есть график с детализацией по категориям и операциям. Для более наглядной визуализации данных мы использовали и столбиковую, и круговую диаграмму. В приоритете информация о затратах, но по свайпу можно посмотреть статистику по приходу средств. Ко всем операциям пользователь может добавлять теги, чтобы потом делать отчёты.
Экраны статистики Совкомбанка
Все вариации операций
В приложении есть всё, что нужно для управления финансами: оплата услуг, получение выписки или реквизитов, получение платёжного поручения. Чтобы пользователь легко ориентировался в операциях, мы сгруппировали их и сопроводили графикой.
Рабочий инструмент для предпринимателей
Мы опросили предпринимателей и поняли, как улучшить их опыт. Разбили операции на шаги, максимально сократили количество полей, адаптировали подгрузку документов при создании расчётного счёта и проработали состояния платёжных поручений: от черновиков до добавленных в банк.
Версия для Android сделана в соответствии с гайдами Google Material Design. Она отличается от iOS-приложения боковым меню вместо tab bar и более простой графикой. Это ускоряет процесс разработки и гарантирует правильное отображение на всех устройствах.
Особенности проектирования для Android

Сергей Денисюк
CEO,
MobileUp
«Я часто привожу этот проект в пример: как нам удалось из ничего сделать классный дизайн».
Новый дизайн не полностью внедрён в приложение «ЧатБанк». Сейчас команда «Совкомбанка» работает над проектом самостоятельно.
16 февраля 2018
Команда проекта
Руководители проекта
Александр Хорошевский
Арт-директор
Филипп Фильченко
Дизайн
Ильяс Гайфуллин
Дарья Коржанова-Гвоздева
Другие работы