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 designsThe website for St Mary's Hare Park Primary School and Nursery in Romford, Essex, makes great use of the high-quality photos that the school had available. A full-screen gallery plays a series of five images on rotation and further photos are featured in a series of quick link buttons across the screen.
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 The Hathershaw College in Oldham showcases many of our premium features including animated statistics, curriculum icons with pop-up windows and our social media wall. The colour scheme and graphics are all inspired by the school's logo and mouse-hover animations increase the visual impact of the site.
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 designsThe design for the All Saints Academy Trust is vibrant and multi-hued, as inspired by the Academy Trust's logo. Pink, blue, orange and green can be found throughout the website; the text styling uses each of these colours across different heading types and hyperlinks. The Quick Links box on the left of the website is orange, whilst the Noticeboard on the right-hand side of the home page is green. The full-screen photo background has been overlaid with a multi-coloured filter using all of the colours from the logo, tying the look together nicely.
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 designsA website for Chapel Green School, Attleborough. A clean, scroll free design with a rotating strapline, social media buttons and an overall bright colour palette.
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.