Innovate Trust responsive design
Innovate Trust desktop screenshot

Requirements and solution

In early 2018 we were asked to assist them in rebranding for their 50 year anniversary and undertake the design of their new website. They have a video-focused approach to marketing - to enable them to easily brand this content we also created an animated version of their new logo.

Rebranding a charity

The rebrand process was undertaken over the course of two weeks. From initial sketches we produced three ideas for the client to choose from, which were presented consistently to avoid bias.
 
The approval process was fantastic, both in terms of meeting the team and having the opportunity to present the brand ideas to some of the people they support. Fortunately both cohorts preferred the same design and we left Innovate Trust excited by the decision they had made!
 
 
Below are a selection of the presentation slides used to demonstrate the chosen idea. We always include examples of the brand in use in various settings, both in print and digital applications.
 
 

Creating a website

Innovate Trust loved the exciting colour scheme proposed in the brand approval meeting. Following through with this pallette and creating something that remained very legible was key. Typography was over-sized and contrasts strongly against background colours.
 
The top header area contains a video background featuring some of the clients the charity work with. "Work for us" is highlighted as recruitment remains a high priority for Innovate Trust.
 

Access to all key areas of the site is made simple by a two-layer navigation - the user can access the overview page using the large button, or any content page via the links to the right.

A simple, clear and visually strong box for each article containing a summary of all key information.

As the focus on recruitment was a high priority, a navigation box focusing on this was very important.

Factoring in support for colour-blindness is something we do as standard with all of our designs. Using various software tools we simulate how people with protanopia or deuteranopia would see the website and adjust the design as appropriate.