I redesigned HSBC's internal software and created a design system for their SABB channels.

I was brought on as a senior designer to redesign HSBC's internal software and create a design system for their SABB channels. I worked with a team of international agencies to deliver UX journeys and visual design that aligned with HSBC's existing global style.

sportninja on an iphone designed by Todd Cantley

The main goal of the redesign was to present a large amount of information, while reducing the amount of clicks it took to navigate the system. Staff members had very positive reactions to the changes, commenting on ease of use and readability as areas we improved significantly.

Staff reacted very positively to this and we continued our work by making the navigation swipeable over 3 main information panels split up into logical areas. This helped create a mental model which decreased cognitive overhead which made the entire system very simple to use.

/> google digital garage on an ipad designed by Todd Cantley google digital garage on an ipad designed by Todd Cantley

The panels are split into context sensitive sections, which display more information related to where the agent is clicking.

The project had to be compatible with WCAG readability standards, so we used graphs and infovis systems to ensure this.

I created a detailed design system which included elements like typography, colour palette, buttons, links, headings, iconography, tone of voice, international currencies and more.

We also worked with an accessibility agency to promote HSBC's approach on inclusion. This involved having constant touchpoints to ensure alignment on key issues.

google digital garage on an ipad designed by Todd Cantley google digital garage on an ipad designed by Todd Cantley
google digital garage on an ipad designed by Todd Cantley

Contact me