top of page

Commercial Banking

A responsive website for business finances in Hong Kong

DURATION

Jan 2019 - Jun 2020

(18  months)

TEAM

2x UXUI designer

MY ROLE

Junior UXUI Designer: UX design, UI design, Prototyping, Usability testing

TOOLS

Sketch, Invision, Flinto, Zeplin

Background

I worked with a Senior UXUI Designer to provide continuous UXUI design support to Commercial Bank in the largest multinational bank in Hong Kong. We worked with various Product Owners and developers for the Commercial Bank's responsive website from discovery to launch.

Goals
  1. Enhance existing design with customer's feedback and latest design system

  2. Add new commercial banking features

  3. Apply AA accessibility standard

  4. Get design approval with the company's Design Team

  5. Verify the design with usability testing every quarter

Design Sprint

We executed 3-week sprints to complete a set amount of design work for the Commercial Bank. 

Ceremonies.png
Wireframe & Design

We have done numerous enhancements and new features for Commercial Bank. I heavily involved UX and UI processes for the features of Payment Tracker and Foreign Exchange

Payment Tracker

After users send an online payment, they are able to track its status from the Recent Payment Widget on the Homepage or the Payment Tracker Detail page.

​

Goals

(Business)

- Address pain points and feedback from customers and front-line staff

- Reduce customer calls to the call center

- Cater existing technical limitation

(User)

- Increase the visibility of payment status and details

- Easy to cancel and amend payment online 

- consistent design for both desktop and mobile

 

Analysis

Recent Payment Widget

  • didn't specify the time period for summary

  • Unclear hierarchy while containing Recent Payment and Payment Summary in the same widget

​

Payment Tracker Detail Page

  • 2 filters share the same functionality in setting the date range

  • The current status for payment is not prominent and confused user with double status

  • Duplicated information 

PaymentTracker.png
Usability Testing

We had 5 rounds of usability testing for Commercial Bank within 18 months. We worked closely with PO to define the testing scope for each usability testing. Senior designer and I drafted the test script and created the clickable prototype. Each round of usability testing lasted for two days with 8 to 10 participants. 

IMG_F0D01C5CF794-1.jpeg

Other project

Hero.png
A responsive trading website in the country in Western Asia
Unit Trust

© 2024 by Ashley Fung. All rights reserved.

  • LinkedIn
  • Instagram
bottom of page