Мобильный банкинг Orvia
Концептуальное приложение для мобильного банкинга, разработанное с учетом четырёх основных задач, для решения которых пользователи запускают банковское приложение
Orvia — это концепция мобильного банка для повседневного использования. В большинстве банковских приложений при запуске сразу появляются рекламные предложения и баннеры, а простые действия теряются среди них. Я разработал главный экран, на котором баланс отображается в первую очередь, а каждое часто выполняемое действие требует не более двух нажатий: отправка, получение, переключение между картами и блокировка карты. Проект включает пять ключевых экранов (регистрация, главный экран, карты, переводы и аналитика), набор значков размером 24 pt, систему цветов и шрифтов, повторно используемые компоненты и ролик с анимацией для презентации.
Регистрация
Первый экран объясняет суть приложения одной строкой: «Деньги, которые движутся вместе с вами». Наклоненные карты дают представление о главном экране ещё до того, как пользователь войдёт в систему. Одна чёткая кнопка «Далее» и индикатор этапов позволяют быстро пройти регистрацию.
Главная
Сначала отображается баланс, без мешающих баннеров. Прямо под карточкой расположены четыре повседневных действия: обмен, блокировка, отправка и получение — каждое доступно одним касанием. Далее идут недавние получатели и последние транзакции, поэтому повтор платежа занимает считанные секунды.
Карты
Карты прокручиваются по горизонтали, каждая со своим названием и цветом, поэтому зарплатную карту никогда не перепутаешь с сберегательной. Номер карты остаётся скрытым, пока вы не нажмёте на значок в виде глаза. Месячный лимит отображается в виде простой полосы прогресса, а транзакции по карте — прямо под ней.
Переводы
В едином поле поиска можно ввести имя, номер телефона или номер карты. Частые получатели отображаются в виде ряда аватаров, а четыре способа отправки денег представлены крупными плитками: по телефону, между моими картами, в другой банк, за границу. Последний перевод находится внизу, готовый к повторению.
Аналитика
Месячные расходы отображаются на одной кольцевой диаграмме с общей суммой в центре. Категории обозначены цветовой кодировкой с указанием процентов, а период меняется при нажатии
