Corporate Banking Account Opening Platform

Web and App Design

Project Overview

We designed the system to provide comprehensive banking service to cater for customer financial needs including savings, safe deposit box, consolidated statement, iBanking and more. Account opening platform allows branch operator to use iPad and Desktop for operation efficiency. In order to reduce operation time, we revamp all forms into all-in-one form which is a big reform for traditional bank.

 

Role
UX and UI Designer

Type
Banking

Year
2021

Design Process

Research > Interview > User Stories > Wireframe > Design System > User Flow > Design Critique > UI Design

Challenge

 
  • The previous system relied too heavily on excessive paper documentation.

  • There was a need to streamline complicated operation flows between departments.

  • Repeating processes and documents were leading to inefficiencies.

  • Manual data entry operations were prone to human errors.

  • The existing system had become outdated and inefficient, unable to meet current business needs.

  • Users experienced very long wait times for in-centre service, as they could not pre-fill any information while waiting to speak to staff, and had to input all details once facing the staff.

Guiding Question

 
  • How to organise essential user input information in a user-friendly design?

  • How to enhance workflows to avoid repeated processes and manual tasks?

  • How to enhance the service flow for applying corporate accounts, including before the visit, in-centre, and follow-up, to reduce waiting times for end-users?

  • How to implement security checks for corporate banking accounts?

  • How to design layouts that are clear, minimal and usable to allow focused task completion?

Project Management

We began by developing user stories to capture all potential scenarios in the account opening process and identify key requirements. Product owners helped consolidate the initial needs. Business analysts then further clarified the business requirements through interviews and analyses. Design workshops were held to directly engage stakeholders. In these workshops, we obtained insights into their perspectives by sketching out ideas and prototypes. Wireframing and UI design for tablet and web system was conducted in Figma. We followed an agile methodology, facilitating close collaboration with stakeholders at each sprint through tools such as Jira, Trello, and Slack. This collaborative approach allowed for regular feedback to be incorporated continuously. It also helped ensure the solution evolved optimally to meet business and user needs.

Design System

 

A design system of components for margins, padding, sizing, fonts, etc. allowed developers to follow standards and accurately/efficiently meet needs even without designer involvement in future development.

Specification and Color

 

The Solution

Through stakeholder interviews each sprint, we developed a new internal platform for staff to create/update accounts and mandates. It supports new/existing customer account/service applications at branches at both web system and tablet. The new design shortened operations to enhance valuable customer service.

The new system was well received, with stakeholders providing positive feedback on the improved workflows and reduced wait times for end users.

Previous
Previous

Credit Card Reward

Next
Next

Personal Banking Account Opening Platform