The commercial bank HSBC approached AnalogFolk to redesign and rebuild their unauthenticated business-to-business platform, available in 50+ markets and languages (including right-to-left languages).

HSBC already had a relationship with Sitecore – the enterprise CMS – and had been using it for other products, so this was chosen as the platform to build the site on. We utilized the latest technologies from Sitecore, called Sitecore JSS, which allows frontend and backend developers to work on the platform independently from each other. Frontend developers create React components, and backend developers build backend components and Sitecore integrations in C#. 

My role on the project was to lead the frontend team: firstly to document how the frontend should be implemented and which coding guidelines to follow, including accessibility best practices to adhere to; following that, working with the backend lead(s) to define component specifications as tickets; and finally to develop these components together with a team of frontend developers. My hands-on work mostly included platform-wide and structural coding, but oftentimes also component development, including complex components, such as multi-step and decision tree style forms. Before integrating components into the main application, they were built and previewed in Storybook.

We built and launched an MVP, in two markets and two languages, within six months of starting the project – something that usually near impossible to achieve in a big banking organization such as HSBC. Following on from the launch, over the next year and a half that I was the lead on the project, we continued to roll out new components, templates, pages and regions and languages, with releases every few months.

Technologies used:

  • React
  • Sitecore JSS
  • TypeScript
  • Accessibility
  • Headless
  • SCSS
  • Jest
  • Node.js
  • Storybook