Разработка мобильного приложения для «Совкомбанк»

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

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

Интерфейс приложения «Совкомбанк ЧатБанк»

Введение

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

Интерфейс приложения «Совкомбанк ЧатБанк»

Задача

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

Решение

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

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

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

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

Иконки приложений конкурентов

Комментарий арт-директора MobileUp

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

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

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

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

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

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

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

Экран «Счета и карты»
Экран «Настройки карты»

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

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

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

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

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

Экран платежных операций

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

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

Экран открытия расчетного счета

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

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

Внешний вид главного экрана на Android
Внешний вид экрана главной карты на Android
Внешний вид экрана статистики на Android

Комментарий CEO MobileUp

Сергей Денисюк
«Я часто привожу этот проект в пример: как нам удалось из ничего сделать классный дизайн».
Сергей Денисюк

CEO, MobileUp

Демонстрация работы приложения «Совкомбанк ЧатБанк»

Команда проекта

  • Руководитель проекта

    Александр Хорошевский

  • Арт-директор

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

  • Дизайн

    Дарья Коржанова-Гвоздева

    Ильяс Гайфуллин

«Новый дизайн не полностью внедрён в приложение „ЧатБанк“. Сейчас команда „Совкомбанка“ работает над проектом самостоятельно».

Другие проекты в категории «Бизнес»

Напишите нам
Написать нам в Telegram