Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Red Collar
Мобильное приложение «Цифра банка»
Red Collar
WDA
2023
#Дизайн приложений

Мобильное приложение «Цифра банка»

3822 
Red Collar
Red Collar Россия, Воронеж
Поделиться:
Мобильное приложение «Цифра банка»
Клиент

Цифра банк

Сфера

Финансы, инвестиции, банки

Регион

Россия

Сдано

Сентябрь 2022

Задача

UX-дизайн для мобильного приложения банка «Цифра» — одного из лидеров рынка частных инвестиций в России. Он одним из первых в России объединил функционал банкинга и инвестиций в единую цифровую экосистему.

Мы сотрудничаем с «Цифрой» (экс. Freedom Finance) уже несколько лет по многим задачам: от конкурентного анализа до дизайна интерфейсов. Когда у клиента появилась задача на редизайн банковского мобильного приложения с функционалом для инвестирования, они обратились за нашей экспертизой, знакомой им по предыдущим совместным проектам.

При создании нового дизайна нужно было учитывать уже существующие технические наработки клиента и особенности работы финансовых приложений, а еще - плотно сотрудничать с командой разработки «Цифры». И ещё несколько условий:

 – Функционал банкинга должен работать по привычным для пользователей паттернам, чтобы быть понятным каждому.

 – Функционал для инвестирования должен быть удобным не только профессиональным трейдерам, но и начинающим инвесторам. Было важно найти баланс между паттернами для этих групп, чтобы было комфортно каждому.

Решение

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

Мы собрали компоненты, сами их описали, систематизировали, проработали все варианты состояний. Когда макеты системны и согласованы друг с другом, пользователь спокойно ориентируется в экранах, ему комфортно в приложении. 

Поработали над библиотекой компонентов в плотной связке с разработчиками. Учли все особенности элементов платформы IOS и Android, сделали элементы понятными для пользователя. 

Самостоятельно отрисовали библиотеку иконок в общей стилистике.

1Провели аналитику

Провели конкурентный анализ и выделили решения, которые помогут улучшить пользовательский опыт в приложении «Цифры».

2Отрисовали банковские сценарии и интерфейс для брокера

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

Курсы валют — одна из «фишек» приложения, так как «Цифра» показывает пользователю более выгодные биржевые курсы. На одном экране можно посмотреть значения по 4 видам курсов валют, и здесь же обменять их.

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

3Отрисовали экраны для инвестирования

Поскольку приложение включает в себя возможности для инвестирования, добавили функционал пополнения брокерских счетов, а также транзакции между банковскими и брокерскими счетами. Так пользователь сможет переводить деньги между ними в рамках одного приложения. 

Результат

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

https://apps.apple.com/ru/app/ffin-bank-invest/id1226994609
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Red Collar с удовольствием обсудит вашу задачу

Оставить заявку