UnionBank

SERVICES

User Research
Rapid Prototyping
User Experience
Visual Design (UI)

CLIENT

UnionBank Philippines

YEAR

2015

THE CHALLENGE

UnionBank asked us to come up with a unique online banking experience.

The main challenge was to create a personalised e-banking system, with modules that would allow users to change the order of the dashboard based on their portfolio of products, being able to have quick access to their statements and balances, track their loan payments and more. Also, allows users to customise the look and feel of the platform (UI & layout).

THE PROCESS

We started by conducting user research in Metro Manila. By interviewing a group of loyal UnionBank customers in one-on-one sessions. We ask them which tools and power features they would like to use on a day-to-day basis. Thanks to all the data gathered from the users and stakeholder interviews we managed to get a clearer idea of what users wanted.

Wireframing_Holo

WIREFRAMING

As part of the process, we created a set of wireframes to define the layout and the overall experience for the users. We also introduced all the desired power features so we could test them later on at the prototyping and usability stage.

 

Stimulus_Holo

STIMULUS

We used the stimulus to get a sensory/behavioural response from the users. We gave them several modules so they could come up with their own versions of the dashboard.

Prototyping_Holo

RAPID PROTOTYPING

After a few quick design iterations and rounds of feedback, we finalised the overall art direction and UI for our final concept.

INITIAL DESIGN CONCEPTS

Due to the time constraints and short deadline. I played around for two days exploring different visual treatments and directions. These are just some of the quick mockups done in that short period of time.

E-BANKING CONCEPT

For the final design concept, based on our findings from the user research and stimulus interviews we found out that the users in the Philippines wanted to be able to personalise their dashboards so we created a dynamic and modular time-shifting theme that would change colours {Light & Dark Mode}. We picked an orange gradient for daytime and a dark blue for night-time. The idea of this dashboard is that users could turn on and off modules so they could personalise their views based on their needs.

UnionBank_

Besides having the availability to define which modules the users want to have on their main dashboard, we decided to also incorporate the Light & Dark Mode by using the UnionBank main brand colours.

UnionBank_Day UnionBank_Night

The Team

Sharon Fernandes - Managing Director

Homaxi Irani - Lear Researcher

Yushing Sit - UX Design Lead

Estuardo Heer - Visual Design Lead

Bessie Zhao - UI Designer

-

Glass

Interested in working together? Let's talk!

Estuardo Rodríguez Heer
Design Director
Product Design Lead