DESIGN DELIVERABLES

Website design | Logo design | Brand identity | Design for print | Interactive pdfs | Advertising | Brand guidelines

Client: Heathfield School

‘Create our school brand identity as a visual language that expresses our values’

Heathfield School Ascot asked topright to review how they present themselves in every area of ‘front-facing’ communications. Starting with their logo and publications and then into the school website.

Read more

School brand identity into print

The school brand identity had lost consistency across different media. It required a holistic re-think. This resulted in the supply of a full and detailed kit of digital files. These would be for different uses across different media. First in line was the logo. It didn’t work in it’s original form and needed significant updating. The next stage in this project would include all the school’s publications. Re-designed in their entirety these publications would include everything from magazines to invitations. We needed to create order, ensure consistency, uniqueness and a recognisable visual language. The school brand identity would project the high quality education and care that the school is known for. The collateral design work included: prospectus, magazine, newsletter, parent’s guides, results brochures and direct mail production. 

 

Brand and campaign

The brand design work was completed hand-in-hand with the creation of a campaign. ‘Girls First’ was a radical departure from the traditional school advertising model. The ‘Girls First’ phrase was conceived by topright. It represented the school’s care of its students and the ‘go-get’ attitude instilled in their students. This was a campaign about the school’s ‘strive for excellence’ mantra. The advertising campaign logo is a strong graphical device. It would be used in many applications: advertising; social media; web; print collateral and event material & merchandising. The versatility of the campaign’s design means that secondary messaging for individual adverts could be changed along with the photographic image. This produced consistent but varied messages.

 

Campaign progression

The second stage to the school brand identity advertising initiative was for the GIRLS FIRST campaign logo to serve as recognisable support or accreditation. This ‘next-stage’ campaign uses short, punchy ‘on-brand’ single words to fire the imagination of the reader. It set Heathfield apart from other schools’ ‘themes, values and aims’. The campaign can use a change of image or the single word to create variety and consistency through the year. To set Heathfield apart, this campaign uses a typographic styling that is modern, ‘non-stuffy’ and forward thinking.

The campaign styling and design is easily recognisable. It is now synonymous with Heathfield School. This campaign has been rolled out in a multitude of publications including Tattler, The Daily Telegraph and the BBC Proms official programme. The advertising campaign design work included online advertising in industry specific education websites. Online collateral included animated gifs, leaderboards and mid page units (MPUs).

 

Brand identity and the website

Whilst all the school brand identity design was being implemented, topright conceptualised and built Heathield’s new website. We included interactive features such as: a calendar feed from SOCS; Twitter feed; latest news feeds; embedded school publications; downloadable brochures, guides and form submissions. The website is constructed on a grid system. This ensures consistency across the layout. It provides the ability for the website to work responsively across all devices. Completely re-structured content ensured that users can search or browse the site in a variety of ways. The school website design houses a wealth of information. It was important that certain areas were accessible from related areas across the site. The carefully planned internal links offer an intuitive, organic navigation experience. The site also has a comprehensive school application facility. The site also boosts a parent portal.

The website is packed full of imagery and carefully considered typography. It paints an insightful picture to visitors of life and learning for a Heathfield girl. We were able to balance creativity with precision. This resulted in an elegant and professional website. The website projects the messages that Heathfield wanted to communicate. Heathfield now have a school brand identity to be proud of.

VISIT THE WEBSITE

Full page impact

The homepage opens on full-page use of scrolling images and video. The impactful images and video are overlaid with the site elements: navigation, messaging and branding.

Quick links

A set of 'frequently used' links appear as a secondary menu at the bottom of the browser window. This allows a flowing user experience to ensure that information is found in the least possible clicks.

Front and centre feeds

Below the initial full screen images and video there are school news, social and calendar feeds. These keep the user informed of all the latest school happenings and important events without having to dive deeper into the site.

Announcement bar

Admin can easily add, remove and update an announcement bar to the site when important 'out of the ordinary' messaging needs to be communicated with parents, carers or governors.

Responsive design

The site shuffles and re-structures content dependent on the device being used to view it. Whether viewed on desktop, tablet or mobile and in either landscape or portrait, the viewer is given the most appropriate view.

Application/registration area

The site has a 'walk-through' application/registration area, allowing the user to save and finish their form at a later date.

Parent portal

A private area, password protected area, containing more personal and student detail for parents use.

Identity implementation

Use of font, colour and identity design cues tie the site into the new literature, advertising and digital collateral.

We need to have full control over the backend, with a simple CMS system.

Logo variants

Horizontal logo light background

Horizontal logo dark background

Vertical logo dark background

Vertical logo light background

Brand colours and typefaces

WEB #0b3c61 and UNCOATED

HEATHFIELD COATED

PANTONE 872

financial services rebrand - typeface
financial - font
financial - text
school brand identity campaign

Make us stand out from the crowd and help us convey our culture of care.

school brand identity Campaign logo
school brand identity literature
school brand identity
school brand identity design
school brand identity
school brand identity
school brand identity
school brand identity

Attendance at open days has doubled. The number of registrations has also doubled. The number of pupils joining in Year 7 has increased by a third.

Ms Anna MorganDirector of Marketing and Admissions

It is a complete joy to work with such a creative and professional company. The standard of work is exceptional and this, combined with the speedy turnaround, attention to detail and in-depth knowledge of us as a client, means I have no hesitation at all in heartily recommending Topright to anyone. Keep up the great work!

Anna MorganDirector of Marketing, Heathfield School Ascot