School Website Design The UK's largest online school website design portfolio
We have created a huge portfolio of bespoke school website designs since 2007. We're proud of all our work and, consistent with our values of honesty and transparency, we're happy to publish all of our projects from the last few years.
In addition to bespoke designs, we also offer six budget-friendly pre-designed school website templates, and our premium websites which offer the normal bells and whistles of our bespoke designs, plus the cherry on top.
Our school website price comparison page details what is included in each package, along with the possible optional extras.
Can't find what you're looking for? Don't hesitate to contact us.
Bespoke website portfolio Website price comparisonPrimary SchoolsPrimary School Website Design
As you might expect, primary school website designs make up a large part of our design portfolio. They showcase a wide variety of design styles - from village schools with illustrations of local landmarks to more contemporary designs featuring bold colours and full screen photos. Part of the joy of working with schools is discovering their individual personalities.
Our highly experienced design consultants will spend a lot of time at the start of the design process discussing with you the needs of your school and understanding what makes it special. We think the results speak for themselves, so why not take a look at our primary school website designs?
More Primary School website designsCrosfield & Selhurst Nursery School is a partnership of two maintained nursery schools and children's centre services in the London borough of Croydon. This is a fun design, showcasing all the wonderful learning opportunities available to the children.
Secondary SchoolsSecondary School Website Design
Secondary school website design is an art of it's own, often having to appeal to a wide audience. There may be specialisms or facilities to highlight as well as school performance.
We have a large portfolio of secondary school website designs to inspire you - it may all seem bewildering but our experienced consultants will guide you through the design options step by step. And our talented website designers are always happy to try things and go the extra mile to ensure your website design is 'just so'.
More Secondary School website designsThe website for La Retraite Girls' School in Clapham uses cut-out photography similar to the Sixth form. This creates a prominent family feel within the two websites. 5 quick link buttons ensure key information is easy to access and the logo is used as a motif throughout the page. A social media panel located to the right keeps the site current.
Multi Academy TrustsMAT Website Design
As well as working on an ever increasing number of Academy website designs, we also design websites for Multi Academy Trusts themselves. There are different design considerations for Trust websites, such as communicating what the MAT stands for, the members of the Trust or the benefits of joining the Trust.
Many Trusts also ask us to design a 'family look' and work with them to develop brand guidelines for the whole Trust. Our Trust websites also come with tools to allow the Trust to automatically populate policies, reports and news onto their school websites. Again, our experienced design consultants will discuss this with you, providing suggestions and guidance as you require. Whatever the size or aspirations for your Multi Academy Trust website design, we hope our portfolio provides you with the inspiration and confidence to ask us to help.
More Multi Academy Trust website designsSEEAT (South East Essex Academy Trust) is a Multi Academy Trust comprised of 7 schools. The Trust came to Greenhouse in 2023 with a brief of creating stunning websites for the schools and the Trust. The school websites follow the same family layout, which is similar but subtly different to the Trust site.
Independent SchoolsWebsites for independent / private schools
Independent schools often have a strong reputation and history which must be reflected in their website design. They may have amazing grounds or facilities and many may be in a highly competitive admissions environment. Whatever the unique characteristics and personality of your school, we'll work with you closely to understand these and ensure that your school website design is convincing and persuasive, as well as ensuring any competitive or marketing opportunities you desire are maximised.
More Independent School website designsThe full-screen background video on the website for this award-winning boarding school is one of our favourites. The school fully embraces video to communicate all of their wonderful facilities. A visual delight!
Special SchoolsWebsites for special needs / SEN schools
Special schools are very varied and often smaller than other schools. It's our job to listen carefully to your needs and suggest ideas for your school website design based on our experience of working with so many other special schools over the years.
Our school websites are already built to be accessible and user-friendly, but we can incorporate extra tools if the school website has an audience with additional learning needs.
More SEN school website designsThe homepage of this website features a section for "Our Aims". Here we chose to use understated animated boxes to show off the school’s individual aims. A full-screen photo background and animated boxes and buttons have helped to modernise this website. The school’s sunny logo inspired several elements of the design, such as the sun-shaped Facebook button on the home page, and the cheery yellow filter used on some of the picture panels.
Sixth Form CollegesWebsites for sixth form colleges
Sixth Form College websites often have a modern, dare we say it, trendy look, appealing as they must to students as well as more traditional audiences.Such websites will usually have more visitors from smartphones than desktops and tablets combined.
A dedicated sixth form website allows a sixth form to express a personality which is more distinct to their secondary cousins. On a more practical level, a dedicated sixth form website provides a space for the sixth form to describe it's curriculum in detail, the facilities sixth formers enjoy as well as the extra curricular activities on offer. Not forgetting the all important section for alumni!
More Sixth Form College website designsThe website for Luton Sixth Form College, Luton. A graphically striking and interactive design, which plays on the school's 'line bar' logo and branding. There's lots of personality in this design. The website has a clear focus on communication and engagement with visitors to the website. The animated features and bright colours draw the eye of the visitor.
What makes a good school website design?
Before embarking on a new school website design, it's important to ask yourself the following questions:
- Who is your key target audience?
Typically this would be prospective parents, but it could also be current parents, prospective staff and students, Ofsted inspectors and the wider community.
It might be helpful to create a user profile (or profiles) of your key audience. - What would be the typical website journey of your key audience?
The design should incorporate aids to make this journey smoother. - How is your school perceived in the community?
A new school website design can tackle any negative perceptions and reinforce positive messages. - Are there any lessons to learn from competing schools?
It's OK to build on something you might have seen on another website. Conversely, it's wise to differentiate your school website from others. - Do you have a key message?
Perhaps you need to address some previous negative publicity. Or maybe the school has joined a Multi Academy Trust and has a new ethos.
We try to tease out this information in our design briefing. Having built over 2000 school websites, we have vast experience in knowing how best to target the key audiences for schools. But if our design doesn't hit the spot first time around, or opens up a wider debate in the school, we will happily go back to the drawing board and continue to iterate until everyone is on board and excited.
