Iterative and agile approach to Craft CMS web development

Scape Group

Design and development to support the built environment

Client

Scape Group

Services
DATE

Ongoing

Scape case study header mobile

About

Dedicated to creating efficiency and social value, Scape is a public sector procurement specialist, supporting the entire lifecycle of the built environment.

Scape has an established website built on Craft CMS that had been worked on by multiple agencies over a number of years. The site had become fragmented and inconsistent design wise, complicated from a development perspective and difficult for the in-house team to manage in the backend.

Scape needed an agency that could adopt the existing website and work with them as an integral part of their team, on an ongoing basis, to develop the site to work harder for the business.

Scape design guide

User journey mapping

Scape is a complicated and nuanced business with a broad offering and multiple audience groups. The site tried to be all things to all people, resulting in a lack of clarity on the overall group’s proposition and a confusing experience for the user. The complexity of Scape's offering needed to be easy to understand and navigate for all audiences.

The in-depth discovery workshop with the in-house team to agreed the site's overall objectives and goals, identified and articulated each audience persona, their motivations and their goals for visiting. The outputs from this work allowed us to rearchitect the frontend of the website and redesign the navigation for effective and robust user journeys.

digital design

An iterative approach to design and development.

We started with website page's that would make the biggest overall impact to users and traffic. That included the homepage, navigation, header and footer.

Customers want to be taken on a journey of discovery and be presented with content that is relevant to their needs, rather than being shown everything from the get-go.

We therefore reworked the homepage to be focused at group level and be value proposition oriented, with bite-sized content and strong directional cues to drive users further into the site.

Scape Home Desktop
Scape Case Mobile
Scape Search Mobile

Components instead of pages

To ensure a consistent experience for customers, during the redesign and redevelopment process we created a component library. A 'living' document that contains all website components, from font stacks, icons and colours through to full content blocks. As soon as a component is built, it is available to apply to any template so we were able to start layering the new styling across the site from the outset - without the need to redevelop all of the templates in one go.

This agile approach to design means that we can design and build new templates at pace, as we are working from an ever growing library of re-usable blocks. The design process becomes increasingly more efficient as the project progresses too.

Scape components

Web Development

An agile sprint approach taken to development.

The website wasn't being developed from scratch and so, we needed to use existing backend structure and historical build tools, both of which were outdated and convoluted. As we created new sections of the site, we broke them out of the previous backend structure, so that we can retire any redundant code. With each sprint, we work toward the migration of the current site onto Craft 3, with a clean code base and modern built tools.

Scape News Mobile
Scape Navigation Mobile
Scape Venture Desktop

Smart development

Personalising experience through smart development.

Algolia logo dark

Scape has a broad offering and for new visitors, it can be complicated to navigate. In addition, the services that a potential client can access is often dependent on their geographical region.

We used a combination of Algolia and bespoke development to develop a highly intuitive ‘smart search’ tool, which delivers dynamic content based on both the users search term and their location within the UK.

Scape Smart Search Desktop
Scape Search Mobile3

The smart search tool allows us to serve up content (whether it be a service, a team member, a case study or a news item) that is relevant to the users needs, personalising the experience for each and every user in a powerful and intelligent way.

Find out more about Algolia and how it helps make a huge impact to the experience of users and conversion of customers.

Abstrakt give me absolute confidence; when they say they are going to deliver, you can take them at their word… and their quality standards are truly exceptional.

Matt Carrington-Moore - Chief Strategy Officer - Scape Group

Vobster next project