Al Rayan Bank, a prominent commercial bank in the UK, has been serving its customers with Sharia compliant financial services since its establishment in 2004. With a recent strategic shift towards commercial property finance and premier banking, the bank sought to realign its digital presence to reflect its evolving business objectives.

Facing an outdated website structure, Al Rayan Bank needed to adapt to its new business focus while enhancing user experiences and simplifying its product offerings.

The existing Drupal 8 platform required significant upgrade to Drupal 10 to ensure compatibility with modern standards and enhanced security measures.

Additionally, the bank aimed to optimise its digital analytics setup through GA4 for better insights and decision-making. The bank also needed to upskill its in-house marketing teams with Google Analytics training to ensure they could leverage insights effectively.

Before upgrading the Drupal website, we prioritised a comprehensive audit of Al Rayan's website. We did this to ensure a seamless and effective transition, to understand how the current website was performing, and to identify any risks or issues we would need to address in the build stage.

We began with auditing the website's Drupal modules, custom integrations, and overall user experience. By reviewing these elements, we gained a clear understanding of the website's current state and identified potential areas for enhancement to improve the user experience.

We identified several outdated functionalities and security vulnerabilities that would have exposed Al Rayan Bank's website to significant risks. This proactive approach allowed us to address these vulnerabilities before they could threaten Al Rayan's website and digital infrastructure.

Drawing upon the insights from the Drupal website audit, we carried out the upgrade for Al Rayan's website, transitioning it from Drupal 8 to the latest Drupal 10 version.

Ensuring Compliance and Security

By upgrading to Drupal 10, we ensured compliance with the latest security protocols, safeguarding sensitive data and mitigating the risk of cyber threats. With Drupal reaching its end-of-life, the upgrade became imperative to protect Al Rayan's digital assets and maintain regulatory compliance. Our approach to the upgrade process prioritised security, ensuring that Al Rayan's website remained resilient against potential vulnerabilities.

Access to Drupal 10's Enhanced Features

The transition to Drupal 10 was also about embracing innovation. Drupal 10 brought many features and functionalities, empowering Al Rayan to elevate its website experience. From performance gains and scalability to accessibility and SEO capabilities, Drupal 10 equipped Al Rayan with the tools needed to deliver an improved user experience. Our expertise in Drupal development ensured a smooth migration, minimising disruption and maximising the benefits of these advanced features.

Maintaining Visitor Functionality and Accessibility

Throughout the upgrade process, preserving visitor functionality and accessibility remained vital. We tested each component of Al Rayan's website to ensure continuity, allowing visitors to navigate and interact with the site effortlessly. Accessibility considerations were integrated into every stage of the upgrade, ensuring compliance with WCAG standards and catering to diverse audience needs. By prioritising user experience and accessibility, we ensured that Al Rayan's website remained inclusive and user-friendly, encouraging positive interactions and engagement.

Future-Proofing Al Rayan's Digital Presence

By upgrading to Drupal 10, Al Rayan not only addressed immediate concerns but also future-proofed its digital presence. The scalable nature of Drupal 10 allows for seamless integration of future updates and improvements, ensuring that Al Rayan remains at the forefront of digital innovation. Our partnership with Al Rayan was more than just a website upgrade; it was about laying the foundation for sustained scalability and growth.

In our commitment to improving Al Rayan's website and user experience, we revamped the website's structure, placing user experience at the forefront. Recognising that an easy-to-use navigation and intuitive design are essential to driving conversions, we executed a site restructuring initiative that covered various areas of the user journey.

Streamlining Navigation and Simplifying Choices

We understand that navigating too many options on a website can often overwhelm users, causing conversions to drop. To overcome this, we restructured the website's navigation, simplifying the menu layout and categorisation. By simplifying the navigation, we aimed to enable users to explore Al Rayan's offerings effortlessly, reducing friction and enhancing engagement.

Introducing Intuitive Product Selection

We recognised the importance of facilitating easy product discovery. To deliver this, we implemented a new product selector designed to intuitively guide users towards relevant offerings based on their preferences and requirements. This interactive feature simplified the decision-making process and fostered a deeper connection between users and Al Rayan's diverse range of products.

Redesigning the Home Finance Layout

The homepage serves as the digital storefront of any website, making it essential to leave a lasting impression. Understanding this, we redesigned the journey, transforming the homepage layout into a visually designed and informative hub. Through strategic placement of engaging content and visual elements, we aimed to engage visitors from the moment they land on the homepage, encouraging users to discover Al Rayan's products.

Empowering Effective User Journeys

At the heart of our site restructuring efforts lay the overarching goal of improving the user journey. Every decision, from navigation simplification to product selection enhancement, was designed to guide users through the website experience. By optimising user journeys, we improved engagement, increased conversions and customer satisfaction.

Showcasing Al Rayan's Diverse Offerings

Central to our site restructuring initiative was the aim to effectively showcase Al Rayan's diverse range of products. We highlighted the bank's various products and services through strategic design choices and content placement, ensuring that each visitor found value and relevance during website interactions. By showcasing the breadth and depth of Al Rayan's product offerings, we aimed to position the bank as a trusted partner in fulfilling diverse financial needs.