Through Sapient, I worked for HSBC, for whom I designed a data analytics platform providing observability over their 30,000 APIs.
Every transaction that an HSBC customer performs is handled by an API. For e.g. balance check, money transfer and cash withdrawal are all transactions and there is an API to individually handle each of them. One of the main functions of this dashboard is to allow senior management to see how the API estate is performing, and act accordingly should they see a red flag against an individual API or a group of them. For example, around the 1st of every month the balance check and funds transfer APIs get overloaded and are in the danger of failing. Should such an incident occur, the dashboard reports it for remedial action. The dashboard is also meant to report endangered APIs well before their failure for the necessary preventative action. The application does not just stop there it does more. In essence it provides an at-a-glance view of the technology estate and intends to do three main things:
1. allow the users to gain insights about the health of HSBC’s API estate and make informed decisions based on the same
1. allow the users to gain insights about the health of HSBC’s API estate and make informed decisions based on the same
2. allow the user to troubleshoot by showing them where the fires might be and investigate them further
3. draw predictions on how the bank’s technology infrastructure might look like in the future
• I worked closely with the product managers, business analysts and other internal stakeholders to gather requirements, establish KPIs and co-design the final prototype as well as the supporting design system.
Research and design:
• Due to the technical nature of the project, I interviewed subject matter experts who were also end users within the bank to understand requirements, validate assumptions and build clear user personas. I also involved them in design workshops to provide contextual insights and to make them a part of the solution.
• Due to the technical nature of the project, I interviewed subject matter experts who were also end users within the bank to understand requirements, validate assumptions and build clear user personas. I also involved them in design workshops to provide contextual insights and to make them a part of the solution.
• I delivered the fully spec-ed out UI designs.
Developer Collaboration:
• Supported the Front-End Developers though regular desk checks to ensure an accurate implementation of the designs and design behaviour in areas such as responsiveness and cross browser compatibility.
• Supported the Front-End Developers though regular desk checks to ensure an accurate implementation of the designs and design behaviour in areas such as responsiveness and cross browser compatibility.
Work samples: HSBC UX designs and design system