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

Все счета и карты банка в одном приложении

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

Задача

Сервисы «Совкомбанка» воспринимались как консервативные и неудобные. Чтобы избавиться от негативного восприятия, разработчики внедрили уникальную возможность объединять счета и попросили нас сделать современный дизайн приложений.

Решение

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

Анализ приложений конкурентов. Разбор интерфейсов

Сравнение с конкурентами

Отборные банковские решения

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

«Я давно мечтал сделать что-нибудь для банка и загорелся проектом. На подготовку к тендеру мы потратили больше 40 часов: провели исследование и сделали прототип, затем подготовили дизайн-концепт и в итоге выиграли. Дальше всё шло как по маслу: мы блоками дорабатывали дизайн-концепцию, перенося её на все экраны приложения».

Филипп Фильченко

Арт-директор, MobileUp

Все счета на одном экране

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

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

Значки уведомлений в приложении «ЧатБанка»

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

Понятная аналитика финансов

Деньги любят счёт. Чтобы проанализировать расходы и доходы в приложении «ЧатБанк» есть график с детализацией по категориям и операциям. Для более наглядной визуализации данных мы использовали и столбиковую, и круговую диаграмму. В приоритете информация о затратах, но по свайпу можно посмотреть статистику по приходу средств. Ко всем операциям пользователь может добавлять теги, чтобы потом делать отчёты.

Экраны статистики и детализации расходов

Все вариации операций

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

Рабочий инструмент для предпринимателей

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

Особенности проектирования для Android

Версия для Android сделана в соответствии с гайдами Google Material Design. Она отличается от iOS-приложения боковым меню вместо tab bar и более простой графикой. Это ускоряет процесс разработки и гарантирует правильное отображение на всех устройствах.