Digibank

Unleashing the Potential of Case Study: Digibank

Project Overview

Digibank is a banking platform designed for saving accounts that can be accessed through multiple devices. This app enables users to perform transactions and manage their finances, including budgeting. In addition, Digibank offers robust security features to ensure the safety of users' financial information.

Problem

A leading financial institution wants to design a new digital banking platform to cater to its customers' needs, enhance their experience and retain existing customers while attracting new ones. The current digital banking platform is outdated, lacks personalization, and is not user-friendly, resulting in a high rate of abandonment and frustration.

Goal

The bank wants to create a new platform that will provide a seamless user experience across multiple devices.

Project Identify

Project Briefing

The requirements for this project are to be created using AI (ChatGPT). These requirements are provided in the form of a document consisting of the following list of requirements.

Onboarding

The onboarding process is simple and easy to use, with clear instructions on how to create an account and set up your profile. Users can select their preferences and set up security features to protect their accounts.

Dashboard

The dashboard is the central hub of the platform, providing users with an overview of their finances, including account balances, transactions, and budgeting tools.

Multi devices

The platform has desktop and mobile app that provides a seamless experience across multiple devices.

Security

The platform has strong security features, including two-factor authentication and PIN

Transfer and Request

The platform provides users with a feature that allows them to transfer their money peer-to-peer, to other banks, E-wallets, QRIS, and virtual accounts. Additionally, the platform enables users to request a specific amount of money and share the corresponding QR Image and link to Social Media.

Transaction Detail

The platform provides a transaction page that allows users to track all of the transactions they have made on the app.

Budget Planner

The platform provides a budget tool that allows users to manage their finances more effectively. Through this tool user track the budget and create categories for various types of income and expenses, and set up a budget plan.

Secondary Research

To understand the details of the goal requirement, I also did some additional research, starting from create the user persona and simple user flow

Ideate

Brainstroming

Brainstorming is crucial for adopting a comprehensive approach, which involves considering all aspects of the problem, including its context and user needs, in order to discover the optimal solution.

Research

I'm also conduct a research on the similliar Indonesia banking app and e-wallet such as BCA, Seabank, OVO, and Dana to gain the for the existing banking service work.

Information Architecture

UI Flow

Prototype

Wireframe

Before creating the mockup, i translated the project requirements into a wireframe, which served as a basic design outline for the solution. here the wireframe project.

High Fidelity Design

Once the wireframe was created, Once the wireframe was created, We then proceeded to develop the high-fidelity design using the atomic design approach, following by creating design system(Typography, Color Scheme, illustration and UI Component) and Hifi design.

Review

Project Suggestion

The performance and usability of the Digibank case study have not been tested yet, but I have received some suggestions for improving it by incorporating additional features, such as financial services, credit card services, and loan services. These additional features would allow for the provision of personalized financial advice and services, and also create a platform for the introduction of new services.

Lesson Learned

When working on a UI/UX project, it is crucial to make anything clear start from the requirement, flow and the negative case.