NCR > WHITE LABEL MOBILE BANKING APP

My Design Process

Main Areas of Focus

NCR-Title-Line

USER TESTING

We conducted quantitative and qualitative tests on features we designed against the three core areas of focus.

NCR-Old-App-Home

HOME/ACCOUNT

FLEXIBILITY

Since this is the main screen users see upon login, we want to explore how we can make it more user-friendly and valuable, especially for users who might only interact with this screen.
NCR-Old-App-Account

ACCOUNT OVERVIEW

EASE OF USE

As the second most visited section of the app, we want to add smarter tools that make common actions easier to perform and help users find what they need more quickly.
NCR-Old-App-Money-Management

MONEY MANAGEMENT TOOL

TOOLS

Many of users we interviewed did not know their app came with a money management tool hidden away in the More menu. We want to design ways that can pull things out of the More menu or organize it better.

Flexibility

NCR-Title-Line

GIVING EVERYONE MORE CONTROL

Balancing control with flexibility was tricky, but we managed to create a system where all parties have a say.

NCR-Flexibility-Diagram

TAILORING TO YOUR NEEDS

How would users react to being able to rearrange their accounts on the homepage? Some particpants from our interviews had a high interest, but would everyone make use of this feature?

NCR-Wire-Cust-Home

CUSTOMIZE THE HOME SCREEN

NCR-Wire-Edit-Names

EDIT ACCOUNT NAMES

NCR-Wire-Account-Widget

ACCOUNT WIDGET (DEFAULT)

NCR-Wire-Acct-Grid

ACCOUNT WIDGET (GRID VIEW)

TEST RESULTS

NCR-Title-Line

Not only did almost all users know where to go to access the menu to rearrange their accounts, but many had a positive reaction to being able to do so.

NCR-Test-Flex1

ROUND 1

NCR-Test-Flex2

ROUND 2

Ease of Use

NCR-Title-Line

ADDING INTUITIVE FUNCTIONALITIES

We know the user's primary action is looking at balances. So we optimized the homescreen to make that even easier and smarter. That approach is carried across the app.

A HOME SCREEN THAT CAN DO MORE

If a user only look at their home screen, we want them to take away with more knowledge than just their balance. Users can now view their recent transactions and pay bills right on the home screen.

NCR-Wire-Quick-View

QUICK VIEW OF RECENT TRANSACTIONS

NCR-Wire-Account-Alerts

ACCOUNT ALERTS

TEST RESULTS

NCR-Title-Line

Participants understood that tapping on the arrow will open a drawer of some kind that will reveal more information about each respective account.

NCR-Test-Home1

ROUND 1

NCR-Test-Home2

ROUND 2

ACCOUNT OVERVIEW OVERHAUL

Each of the four main account overview screen were redesigned to be more intuitive in what information is displayed and quick actions users can take without having to dig around. They can also search and filter through their transaction history.

NCR-Wire-Checking

CHECKING ACCOUNT

NCR-Wire-Savings

SAVINGS ACCOUNT

TEST RESULTS

NCR-Red-Line

Users had trouble finding the “View Statements” button. To combat the visual difficulty, we will aim to make those buttons stand out more in visual design.

NCR-Wire-CC

CREDIT CARD ACCOUNT

NCR-Wire-Mortgage

MORTGAGE ACCOUNT

Tools

NCR-Title-Line

INTEGRATE EXISTING & NEW TOOLS

Whether existing or coming up with new ones, we tested how users react to money management tools.

ADD EXISTING TOOLS TO THE HOMESCREEN

We tested to see if the existing money management tool is more visible on the homescreen, would users take notice and use it?

NCR-Wire-MoneyM

MONEY MANAGEMENT WIDGET

NCR-Wire-Cash-Flow

CASH FLOW WIDGET

TEST RESULTS

NCR-Title-Line

In both rounds of testing, our participants noticed the Money Management widget and wanted to interact with it.

NCR-Test-Tool1

ROUND 1

NCR-Test-Tool2

ROUND 2

BUDGET MONITORING TOOL

A tool we designed for the Curious Novices users who needed more guidance with managing their spending. This tool let users create a goal and monitor their spending against it.

NCR-Wire-MSB1

SETTING UP A BUDGET

NCR-Wire-MSB2

MONTHLY SPENDING BUDGET

SAVING TOOL

With spending covered, we developed a tool that could teach users the principles and habits of saving money. However, instead of focusing on a large sum, this tool let users set targets for smaller goals.

NCR-Wire-Savings1-1

CREATING A MICRO GOAL

NCR-Wire-Savings2

CALCULATING A SAVINGS TARGET

NCR-Wire-Savings3-1

SAVINGS ACCOUNT WITH A MICRO GOAL

NCR-Wire-Savings4

MICRO GOAL DETAIL

JUMP AHEAD

NCR-Research

Research & Discovery

NCR-Visual-Design

The Visual Design

© 2025 All rights reserved.