Netbank
role / services
UI Design & Motion Design
project
Mobile Application Concept
date
Apr 2021
Overview
The goal of Net Bank app was to create a user interface that is simple, uncluttered, and easy to use. This involves using clean, minimalistic design elements and focusing on the core functionality of the app.
A minimalist design approach can help improve the user experience by making it easier for users to find what they need and complete tasks quickly. It can also make the app more visually appealing and modern.With this new app users can view their account balances, pay bills, transfer funds, and perform other banking tasks from anywhere with an internet connection.
With this new app users can view their account balances, pay bills, transfer funds, and perform other banking tasks from anywhere with an internet connection.
User flow
A user flow is the sequence of steps that a user takes to accomplish a specific task within a mobile app. It is an important aspect of mobile app design because it helps ensure that the app is intuitive and easy to use. It also helps to minimise the number of clicks or actions that a user must take to accomplish a task, which can improve the overall user experience.
A user flow is typically designed by considering the user's goals and the steps required to achieve them. This may involve breaking down a task into smaller, more manageable steps, or creating clear and concise navigation paths to guide the user through the app. This is how Net Bank App IA (Information Architecture) has been established:
The interface
Focused on a minimalistic and modern style keeping the user experience simple and dynamic. The main goal was to avoid too many distractions to the user, making sure every action can be well executed with precision and simplicity.
Sign up steps
User can sign up a new account by clicking the sign up button and following the guided steps (see below). A built in 2-step verification gives the user an extra confidence when it comes to online banking experience.
Step 1
Step 2
Step 3
Step 4
Step 1
Step 2
Step 3
Step 4
Login animation
Keep scrolling for more animations down this page.
App login
Simple, modern and safe. Fingerprint login or PIN code are available, so the user decides what’s the best way. The fingerprint login option can also be enabled in the settings menu.
Net Bank makes the sign up process more reliable by introducing a 2-step verification, also known as two-factor authentication. This helps to ensure that the user is who they claim to be, and can help to prevent unauthorised access to the user's accounts or information.
Home screen
The home screen displays the user’s account overview with the most relevant information that can be accessed by one click. User arrives on the home screen once logged in where the account overview is displayed.
The dashboard displays user’s accounts, cards, monthly expenses by categories and monthly cash flow. Any account or card can also be accessed from the home page as the page scrolls up.
Account view
View transactions and manage the account settings, all in one screen. The account screen displays a simplified transactions list where users can see more details of each individual item, such as transaction location, by clicking on the item on the list. A filter can be used for a more refined search.
My cards
Modern design and very distinct colours give the cards a unique look, making it easier and faster to identify what card has been in use.
Payments and transfers
Payment and transfers screen uses a friendly and easy interface, allowing the user to safely go through the transaction process. Every step has been designed using UX best practices.
Select account
Choose a contact
Confirmation
Transaction summary
Select account
Choose a contact
Confirmation
Transaction summary
Navigation menus
Mobile navigation menus were designed to be easy to use and intuitive, and also designed to take up as little space as possible on the screen. Sliding in drawers display the menu content. See the animations below.
Accounts
Cards
Payments
Settings
Accounts
Cards
Payments
Settings
Brand identity and UI kit
The purpose of Net Bank brand identity is to create a unique and memorable impression of the brand in the minds of customers and potential customers, helping to differentiate the brand from its competitors and establish a strong and recognisable presence in the market.