Keytree redesigns the prime digital channel at Cadent Gas Limited

Born out of National Grid, Cadent Gas Limited has matured into the brand it expected and wanted to be but to support the next stage of its transition, the utility company decided that two years after the rebrand, the time was right to review the company website – its primary digital channel. The operational teams managing the Cadent Gas Limited website were deemed mature enough to embrace and support the overhaul of the entire navigation of the website including the three most visited areas: ‘Connections’, ‘Roadworks’ and ‘Contact us’.

While the transactional element of ‘Connections’ is under review as part of larger transformational changes, the website will remain the doorway to the ‘Connections’ service but ‘Roadworks’ is a source of significant disruption for Cadent Gas Limited customers and as a consequence resulted in a large number of calls to the customer service centre. ‘Contact us’ provides an opportunity for the site to guide customers more clearly around self-service and call deflection and will play a large part in the future content strategy.

Keytree was the obvious choice to deliver the much needed enhancements having previously worked closely with National Grid Gas Distribution. Keytree was also instrumental in the creation of the end to end strategy for the Cadent Gas Limited digital presence – right down to the selection of the content strategy, CMS and information architecture. The original design served Cadent Gas Limited extremely well through a significant period of change but to support the emerging needs of the business, and the growth of information available, Cadent Gas Limited asked Keytree to evaluate and implement new site architecture and content structure. The end goal was to enhance the overall customer experience and reduce the number of calls to its customer service centre.


“We couldn’t be happier with the redesign of cadentgas.com driven by Keytree. During the project, we collaborated with a team of UX experts, designers and developers from Keytree and we continue to enjoy working with them on a regular basis to ensure we continuously improve our website and the customer experience.”

Lindsey Austin – Digital Marketing Advisor at Cadent Gas Limited

Researching and incorporating user needs

The User Research team at Keytree has a strong track record in engaging with stakeholders to understand their needs and requirements plus extensive experience in delivering outcomes from user research. To kick start the user research process at Cadent Gas Limited a series of workshops with key stakeholders reviewed project goals and success criteria, scope and the target audience. This approach confirmed high-level priorities to improve the website including the reduction of page load time, improved navigation, redesign of key pages and ensuring all enhancements were delivered following mobile first principles. The Keytree methodology keeps the design process user centred which means carrying out research at regular intervals during the project. This maintains the focus on real user and customer needs but also allows Keytree to build updates to the Cadent Gas Limited website that have been prioritised by real user requirements.

Findings from the user research highlighted that as a direct result of users not being able to find information on the website, which was also due to the search facility not directing users to the correct pages or finding the correct pages – Cadent Gas Limited was handling a large number of telephone enquiries. Mixed in with inflexible templates and slow page loading times, it was clear that the user experience needed a full overhaul. The website had outgrown the main and secondary navigation but as Cadent Gas Limited was already using Kentico, the CMS solution implemented previously by Keytree, it supported the introduction of a ‘mega-nav’ solution.

Due to the continued expansion of the site, with more sections added over time, ‘in-section’ navigation was included in the secondary navigation to avoid users being sent back to the ‘mega-nav’ every time they wanted to move onto somewhere else. This approach directed users to landing pages but with a broad audience and an abundance of information across the site – the ‘mega nav’ helped Cadent Gas Limited provide customers with an improved user journey. The success is highlighted by the fact that within one month of going live, the average time spent ‘on page’ has increased by 13% – a clear indication that users are reading the content.

Cadent Gas Limited made it clear to Keytree that page speed was especially important as if a customer has a gas emergency it is vital that they are able to retrieve information as quickly as possible without having to wait several seconds for the website to load. The new website design by Keytree has resulted in loading times being reduced from eight seconds to under three seconds.

Just as important as loading times is web access via mobile devices, with mobile phones responsible for more than one-third of traffic to the website so Keytree delivered the redesign following a mobile first approach. The previous version of the website was built primarily for desktop users, but the redesign offers easy access on multiple devices and platforms – responsive across desktop, tablet and mobile phone screen sizes, with information compressed and simplified accordingly.

Supporting accessibility requirements

During delivery, Cadent Gas Limited wanted to add an ‘out of scope’ task to the project namely ‘Recite Me’ – a web accessibility tool that would allow website access to users who may not have been able to under normal conditions. Although the software was not in scope, Keytree was able to rework the project plan to include this vital scope amendment and worked very closely with the team at Cadent Gas Limitedto ensure all accessibility needs were fully understood, and to guarantee the software was fully implemented.

The inclusion of the software forms part of a commitment made by Cadent Gas Limited to meet accessibility needs and requirements for all customers. Now when a visitor lands on the Cadent Gas Limited website, they have the ability to translate the site into over 100 languages and also customise the site to work in a way that is best-suited to meet their needs including text to speech functionality, dyslexia tools and an interactive dictionary.

Business benefits

As a regulated business, it is important for Cadent Gas Limited to have version control of all documents on its site. Keytree created a central documents library, which means Cadent Gas Limited is now able to ensure that when they update any document, the new version of said document is updated across every relevant page on the site. The redesign featured the creation of several templates that were used across key sections of the site to ensure that Cadent Gas Limited can make the best use of the content available, rather than squeezing content into a template that might not necessarily work.

The website is now accessible from any type of device and with the greatly improved navigation, quicker load times, a centralised library for documentation and the inclusion of accessibility software – Cadent Gas Limited has a digital channel that will provide the expected high levels of user experience to its customer base, reduce the number of telephone calls to the customer service centre and more importantly, making it far easier for users to find the information they need.