Below are examples of the original homepage of HSBC for online banking.
Below is a webpage map that illustrates the steps a user must take upon each visit to reach the appropriate Personal Account login page:
Select Region/Location
Select Personal Account Login
Accept the legal Terms & Agreement
Select Login button (again) This step is indicated by the red dot.
Have a direct personal banking URL for customers to log into.
Redesigned Homepage: Wireframe with styled design displaying a direct login prompt for consume-facing banking, user-enabled location detection.
Original screens of the HSBC mobile banking app. The original banking app is cluttered, feels dated (it still is), and transactions are difficult to differentiate between debited and credit.
Redesigned Mobile UI: Focused login or sign-up prompt with tertiary options as buttons below it. Touch ID prompt.
Redesigned Accounts/Transactions view using color cues for debit and credit values.