О проекте

Концепция мобильного банковского приложения и промо-материалов к нему. В одном приложении собраны баланс, переводы, оплата услуг, кешбэк, бонусы и реферальная программа. Визуально продукт опирается на этнические мотивы: фон презентационных экранов собран из нарисованных от руки масок, барабанов, сосудов и животных, а в логотипе — голова льва.

Задача

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

Главный экран

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

Ниже идут промо-карточки «Cashback» и «Bonuses» с объёмными иллюстрациями, сетка разделов — платежи, аренда автомобилей, финансовые цели и бонусы за покупки — и баннер с персональным предложением аренды автомобиля. Нижняя навигация сведена к трём пунктам: главная, поддержка и настройки.

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

Кешбэк

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

Реферальная программа

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

Результат

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