top of page
Screenshot 2021-01-07 at 9.13.34 PM.png
Hong Kong Bank App: Video

UI Mockups

HONG KONG BANK APP

To design UIs best, it is crucial to understand what users think about when they go through the experience. Users judge designs quickly and care about usability and likeability. They care mostly about getting their tasks done easliy and with minimum effort. UI, therefore, should not be "in the way", it best be "invisible" and in line with the context and task flow for the most seamless experiences.

Hong Kong Bank App: Text

KEY IMAGES

Process Photos

Bank App Onboarding

Bank App Onboarding

The onboarding process is a user's first impression of your app, and when designed correctly, increases the likelihood of successful adoption.

Landing Page

Landing Page

Controls can be placed near objects that users want to control. For example, the button to order a credit card should be near the credit card details. Users should also be informed regarding system responses/actions with feedback.

Credit Card Page

Credit Card Page

The number of actions for performing tasks is minimised and the focus is on one chief function per page. Users can be guided by indicating preferred actions. Complex tasks can be eased by using progressive disclosure.

Account Overview

Account Overview

UIs should be enjoyable, satisfying and frustration-free. When the design predicts user's needs, they can enjoy a more personalized and immersive experience. The key is to delight the users, so that they will keep returning to the interface.

Deposits

Deposits

Good design is emotional design. Users associate good feelings with brands that speak to them at all levels and deliver pleasurable, seamless experiences.

Alternate pages

Alternate pages

To create a great experience, I made all buttons and other elements perform predictably. Icons are clearly labeled with well-indicated affordances (shadows for buttons). Interfaces are kept simple with only elements that help serve users' purposes and the design is kept "invisible".

Hong Kong Bank App: Gallery
bottom of page