Chiltern Music Therapy

Website strategy and design for a music therapy charity.

Structuring the content

Chiltern Music Therapy (Chiltern) is a charity that provides a range of music therapy services to people with different needs. They approached us to design and build a new website to better portray the services they offer and the people they help.

The first challenge was to refine and structure the content. Based on their initial sitemap, we identified three key audiences: Community, Education and Healthcare. Two primary entry points meant visitors from each of these audiences could easily narrow down the information they needed; Services (what they do) and Specialisms (people they work with.)

CMT Colour Palette
CMT Sector Colours

Defining the online brand

Chiltern had an existing logo mark and typeface but no brand guidelines. As the logo used a rainbow there wasn’t a clear colour palette; using the logo as a basis, I selected a bold blue as the primary colour and a set of secondary colours to symbolise the audiences. This was rounded off with a typography hierarchy building on their existing typeface and hints of the rainbow used throughout the website, including animating the logo on loading pages.

We also suggested using photography to bring a friendly tone to the website. A mixture of their own images and selected stock imagery helps to bring clarity and a more human feel to content-heavy sections.

CMT Components

Component based design

The goal was to create a flexible design system that could be applied across the site. Through focusing on the key user journeys I built up a set of visual components and layouts, working closely with the developer to iterate on functionality and interactions. These could then be used to build up the supporting pages in a consisitent way and deliver the site in phases.


See the website
Designed at SpectraKey, 2016

CMT
CMT