Brand Experiences
Portfolio Website Assets.003.jpeg

HSBC

 

HSBC Digital Experiences & Product Design

Portfolio Website Assets.003.jpeg
 

In a nutshell

I have been involved as a creative and/or experience lead for projects across all HSBC business units. Achievements with the bank include; leading the team responsible for the new digital look and feel (Global UI Language), designing the navigation masthead for the global website, defining the mobile experience, and setting a vision for the future of banking. My specialism in the Financial Services industry has, primarily, been driven by my work on HSBC.

 

The challenge

Keep HSBC relevant and ‘top of wallet’ in an rapidly changing consumer landscape and increasingly fluid economy .

The solution

Working across all divisions of the bank to grow the inherent value of HSBC products and services, and better connect them to the marketing and proposition teams who sell them.

 

Case study

Global public website & Global UI System

 
Portfolio Website Assets.004.jpeg
 
 

Iterating designs multiple times a day
In order to solve such a big problem in the small timeframe we were given, we had to iterate our design ideas very quickly, sometimes even multiple times a day. We adopted a rapid prototyping approach so that we could try out and demonstrate the interactions, the flow of the journey and behaviours. This ensured the design not only looked great, it really worked.

 
 
Portfolio Website Assets.005.jpeg
 
 

The digital expression of the HSBC brand
Working with HSBC we essentially evolved the HSBC brand. We expanded the colour palette beyond the black, white and red, to subtly highlight user interactions, have accent colours and be able to create data visualisations.

 
Portfolio Website Assets.006.jpeg
 

Consistent doesn’t mean the same everywhere.
By creating modules instead of pages, we create experiences that can adapt to personalisation. It’s important to note that consistent does not mean the same everywhere, appropriateness for the device, customer and market must also be taken into consideration.

 
 
 

Case study

HSBCNet Online Banking

Portfolio Website Assets.007.jpeg
Portfolio Website Assets.008.jpeg
 
 

Case study

HSBC Money Management

Portfolio Website Assets.012.jpeg
Portfolio Website Assets.013.jpeg
Portfolio Website Assets.014.jpeg