Firstly, we needed to understand the issues Mayhew were facing online through multiple pathways such as donations, rehoming, clinic services and community support. To do this we went out and spoke to people who interact and use the various services Mayhew provides. From this interview time and insight we were able to produce a set of user-personas which highlighted what each user wanted to do when interacting with Mayhew. This also highlighted a number of current friction points that needed resolving when planning the new site architecture and experience.

From the start of mapping out the new user experience, it was clear that Mayhew would need an extensive library of components. This would allow them to quickly & easily build out new templates across the site, particularly when a new appeal needed to be launched.

Mayhew had an extensive brand guideline in place from their recent rebrand. Whilst this was helpful to guide the aesthetic of the new online presence, it needed to be expanded to ensure the transition from print to screen stayed consistent.

To help shape Mayhew’s digital language, we kicked off the design process with a series of style tiles. Quickly producing multiple aesthetic approaches from the brand guidelines, we worked with the marketing team to define how we wanted the brand to be perceived in the digital space.

We designed a bespoke campaigns template that could be launched in a matter of minutes by Mayhew as part of a pre-planned campaign or in reaction to a breaking news story or event. The visual campaign page is aimed to be informative and to allow users to quickly donate to an appeal.