As Sanctuary’s operations grew organically in scope and scale from its origin as a housing association throughout the years, so did their online presence. At the time Cyber-Duck came on board, there were 12 separate brands, each of which was sitting on its own separate Drupal 7 website. Each brand had a different visual identity and messaging and was built from a different code base, resulting in silos which had to be individually managed. The inconsistency made CMS management a challenge, and updating each of them in isolation took a lot of time, resource and effort.

The user journeys were also posing problems across the different sites. Many residents found it unclear how to complete tasks online, such as reporting a repair or paying their rent. Abandoning the process, they would often pick up the phone and call for help instead. Sanctuary staff were spending significant chunks of their time fielding phone calls from confused customers.

It was clear that Sanctuary needed to consolidate their websites to work more efficiently, empower their users to complete tasks independently, and deliver on a new unified brand positioning they had already been developing. They reached out to Cyber-Duck to work with them on a solution.

Sanctuary Housing - Screenshot of Web Design showing desktop and mobile interface
Why Drupal was chosen: 

t was a major challenge for us to take on all of Sanctuary’s existing sites, with code written by different teams taking different approaches throughout the years. The goal was to consolidate them into a unified, manageable system, thatwould give the Sanctuary content team the freedom to do their work within the guardrails of the new consolidated brand identity. Critically, it also needed to offer accessibility, usability, and functionality.

Although still in use, Drupal 7 has become unsupported, with no new features being introduced. We recommended that they upgrade to Drupal 9, the latest version, using our established migration process. This sets Sanctuary up for a smooth transition to Drupal 10, set to be introduced in December 2022, and further iterations of Drupal in the future.

Sanctuary was already hosted by Acquia, so it made perfect sense for our developers to build the new Drupal 9 site over an Acquia Site Studio framework. Site Studio provides us with the foundation to create exactly what the client wants, while making the build easier and more efficient.

Using Site Studio’s extensive UI kit, our developers built on its functionality to create a library of bespoke components with built-in accessibility, including accessible colours and contrast levels. This will give the Sanctuary team the flexibility they need while always remaining on-brand and accessible. 

Describe the project (goals, requirements and outcome): 

The goals were:

  1. Create a new UX strategy, IA and user journeys that would empower residents to complete tasks independently
  2. Consolidate the 12 disparate websites and migrate from Drupal 7 to the latest version, Drupal 9
  3. Build on Sanctuary's new unified branding strategy and make it suitable for application across their new platform
  4. The end goal is to finish consolidating all 12 websites into one consolidated platform, currently on track for October 2022.

It’s early days since the launch, but we are delighted with the initial client feedback (see below):

Sanctuary have informed us that their customer service team are now having to deal with many fewer calls, and residents have given positive feedback on the website and its new ease of use. The internal content team are happy that they can now be flexible and creative, while ensuring accessibility and real ownership over the content on the website. It’s now much quicker for them to implement and work with the content, saving time and money.

On reviewing the new website, Yahye Siyad, our Diversity & Accessibility Lead, said: “I found the site user friendly and accessible with my screen reader as a blind user. The site has a consistent layout that makes it possible to navigate with keyboard shortcuts. Overall, it was straightforward to perform tasks such as reporting repairs, making a payment, and searching for information.”

A Sanctuary stakeholder said: “It was great to work with the Cyber-Duck team, they’ve become an extension of our own team, and we just got things done together. They really understood our brand and technical challenges, and their work to build on Site Studio’s great capabilities has helped us totally streamline and transform our digital presence.”

Technical specifications

Drupal version: 
Drupal 9.x
Key modules/theme/distribution used: 
Why these modules/theme/distribution were chosen: 

The new Site Studio platform enables Sanctuary’s content team to simply drag and drop blocks and components into an intuitive Layout Canvas, giving them the power to create new pages and update content without the need for specialist developer work. This means our developers could spend more time delivering on high-value elements of the website.

One of the most notable of these high-value elements, which could only have been created by our devs, is the new “Report your Repair” form. Improving user experience and giving residents the ability to complete their tasks online was a major objective for Sanctuary in this project, and this feature will play a crucial role in achieving this.

Security and privacy were of paramount importance to Sanctuary and their residents, so GDPR configuration and security were incorporated throughout the build. We carried out pen testing to identify potential vulnerabilities, helping us to optimise security. Configured to be highly performant and SEO-friendly, we expect the new site to offer a greatly improved experience for both internal teams and external users.

The future is looking bright for the new platform, with much more scope to enhance and improve. Thanks to Site Studio, the time and money that would have been used for manually building base code can now be spent by developers on adding new features or making UX improvements, leading to better experiences for the residents and giving Sanctuary the tools to fulfil their goal of helping people with their housing needs.

Organizations involved: 
Screenshot of a developer using the Sitestudio interface to build Sanctuary Website
Sectors: 
Real Estate