NCR > WHITE LABEL MOBILE BANKING APP

The Visual Design

NCR-Viz-Home
NCR-Widget-MSB

MONTHLY SPENDING BUDGET

NCR-Widget-Acct-Condensed

BANK ACCOUNTS
(CONDENSED VIEW)

NCR-Widget-Cash-Flow

TRACK CASH FLOW

NCR-Widget-FICO-1

FICO SCORE

NCR-Widget-MoneyM

MONEY MANAGEMENT

NCR-Widget-Cash-Back

VIEW CASH BACK DEALS

The Tailored Homescreen

NCR-Title-Line

ADJUST TO YOUR LIKING

A widget based homepage allow NCR and FIs to add or remove widget as they deem fit. Users can likewise reorganize to their needs as well.

NCR-Viz-Home1
 Currency Controllers who wants 
to see where every dollar is going.
NCR-Viz-Home2
 Proactive Learners who love
using tools to manage their spending.
NCR-Viz-Home3
 Curious Novices who like to monitor their 
FICO score and any good deals.

Redesigned for Ease of Use

NCR-Title-Line

USER FRIENDLY IMPROVEMENTS

We redesigned not just the style, but the way users engage with the app. Adding intuitive ways to do every task.

NCR-Viz-Ease01
 Pay bills directly on the home screen.
Alerts can also warn users about past due dates.
NCR-Viz-Ease02
Checking balances simply require a tap to view the most recent transactions.
NCR-Viz-Ease03
Restructured and reorganized the More menu into collapsible sections.

UPDATES TO THE SECOND MOST USED AREA OF THE APP

The account details page needed a clear hierarchy for numerical values. We also added buttons for core actions to improve usability.

NCR-Viz-Acct01NCR-Viz-Acct02NCR-Viz-Acct03NCR-Viz-Acct04NCR-Viz-Acct01NCR-Viz-Acct02NCR-Viz-Acct03NCR-Viz-Acct04NCR-Viz-Acct01NCR-Viz-Acct02NCR-Viz-Acct03NCR-Viz-Acct04

Money Management Tools

NCR-Title-Line

INSTILLING HEALTHY FINANCIAL HABIT

To show the flexibility of the widget system, we proposed two new widgets to their existing tools and capabilities.

MONTHLY SPENDING WIDGET

As a tool users use to monitor their spending, we incorporated infographics like bar graphs to visually show how much spending has occurred. The graph can also show when the user exceeds their budget. Finally, users can look back at their history to see how well they've stuck to their budget each month.

NCR-Viz-MSB01

CREATING A BUDGET

NCR-Viz-MSB02

HOME WIDGET (1 BUDGET)

NCR-Viz-MSB03

BUDGET HISTORY FOR AN ACCOUNT

NCR-Viz-MSB04

CREATING 2 BUDGETS

NCR-Viz-MSB05

SELECTING ALERT AMOUNT

NCR-Viz-MSB06

HOME WIDGET (2 BUDGETS)

MICRO SAVINGS GOAL WIDGET

Designed as a wizard, users can go through the steps to set up their micro savings goal. Once completed, the goal becomes part of their Savings Account. We also wanted users to personalize their goal for a deeper connection. Without adding too much complexity, we tapped into the emoji library to allow users to add an emoji to represent their goal.

NCR-Viz-Savings01

MICRO GOAL WALKTHROUGH

NCR-Viz-Savings02

GOAL SETUP

NCR-Viz-Savings03

GOAL CALCULATOR

NCR-Viz-Savings04

SELECTING AN ICON

NCR-Viz-Savings05

SAVINGS ACCOUNT WITH A MICRO GOAL

NCR-Viz-Savings06

GOAL DETAIL

A Versatile UI

NCR-Title-Line

A WHITE LABEL PRODUCT

Designed to be flexible in its framework and design. The UI itself can be adapted to fit a variety of style to match different FI's branding language.

NCR-Viz-Style01

ROUNDED

NCR-Viz-Style02

STRAIGHT EDGE

NCR-Viz-Style03

MINIMAL

JUMP AHEAD

NCR-Research

Research & Discovery

NCR-My-Process

My Design Process

© 2025 All rights reserved.