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

I worked with a team of international agencies between Chicago, London and Miami to deliver UX journeys and visual design that worked 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 to HSBC's internal staff while reducing the amount of clicks it took them to navigate the systems. We used graphs to display information that was previously displayed in excel-like spreadsheets.

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 up into the top section which is context sensitive, and the bottom section, which displays more information related to where the agent is clicking.

Graphs and infovis systems were made to contrast highly to help readiblity. The whole project had to be compatible with WCAG readabilty standards.

I also produced a design system for HSBC which included common elements like buttons, links and headings. It also included granular details like iconography, tone of voice and international currencies.

This project was accessable to promote HSBC's approach to inclusion. This involved working with an accesability agency and 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