![\"Calderstones](\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2020\/01\/Calderstones-School.jpg\")
<\/a><\/figure><\/div>\n\n\n\nWhen you want to show off the many great features of your school, such as the building, the grounds, facilities and school spirit, a great option is a background video for your school website. Calderstones School offers a \u201cFirst Class Comprehensive Education\u201d, which they wanted to reflect on their new website. As well as the video background, they opted to fill their new website with additional features, to really give it the wow factor<\/a>. On the right-hand side of the website is a tab that leads to a social media pull out wall, displaying the school\u2019s Twitter account. The left-hand tab displays three upcoming diary dates.<\/p>\n\n\n\n The homepage also displays recent galleries, a selection of motivational quotes selected by the school, and a welcome message from the headteacher. All of this is displayed using the school\u2019s branding colours of purple and white.<\/p>\n\n\n\n Next, we go to a much more compact and super-clean school website design. In the top right-hand corner of the homepage are search and translate functions, and a link to the school\u2019s Facebook page. At the bottom of the website the school\u2019s address, contact details and a map can be found. Beyond this and the school\u2019s name and strapline, the homepage displays very little information. A full-screen background image, overlaid with a translucent blue filter, saves the homepage design from being too bland. Blue and green circles create a subtle effect, not unlike that of a lens flare.<\/p>\n\n\n\n Another example of a super-clean school website design can be seen with the new Amersham School website. They have chosen a hamburger menu to reduce homepage clutter even more, allowing the full-screen photo background full focus. In the bottom corner on the website, a \u201cschool video\u201d link can be found, which opens an external video. Schools considering having a video on their website could use this option and can choose between the video opening in a new tab or within the homepage of the website itself. One subtle feature of this school website design that we really like is the use of the school logo, a leaf, on the quick links box.<\/p>\n\n\n\n We love incorporating a school\u2019s logo into their new website design. For Tennyson Road Primary School, who have a bee as their logo, we have worked a beehive hexagon design throughout their website. Grouped hexagons can be found on the edges of pull out tabs, and behind the title of each panel on the homepage. Finally, the hexagons that make up the contact us section at the bottom of the page extend up with a translucent display over the background images. Because the school had lots of great photos from a recent shoot, they have been displayed throughout the homepage design, with large photos separating each information panel.<\/p>\n\n\n\n Rainbow website designs have been incredibly popular this year, but they are by no means limited to primary school websites. Below are three recent launches that show off how diverse a rainbow-coloured design can be.<\/p>\n\n\n\n Doesn\u2019t the logo for Grove Learning Trust look really sharp and vibrant! We designed this logo before turning to the website design. Undeniably, this Trust website acts as a wonderful example of the benefits of strong branding. Each panel on the homepage is a different colour from the Trust logo. However, the website is not overpoweringly bright, thanks to the white translucent background at the top of the page. Behind this, photos of schoolchildren can faintly be seen.<\/p>\n\n\n\n Crossley Fields is a Junior and Infant School, therefore, we felt that we could increase the vibrancy and rainbow effect to the max. This helps to create a fun and child-friendly design. Each panel of the homepage is a different colour, which visually helps to break the website up into digestible sections.<\/p>\n\n\n\n Last but not least is the new Oaklands School website. The colours of the school logo formed the colour palette for this school website design. We opted to make the rainbow shades more muted by adding them as a translucent overlay to photos. Each panel on the homepage takes a single colour from the logo.\u00a0 We have packed the Oaklands School website with features. For instance, the school’s exam results are displayed in five animated statistic wheels. Additionally, the homepage features an “Our Curriculum” section; this section shows 20 subject circles with custom images, with each button linking through to a more detailed subject page. Oaklands School is based in Tower Hamlets<\/a> in London<\/a>, a borough that has a lot of colourful school websites!<\/p>\n\n\n\n Have you been thinking about your school\u2019s identity? Do you feel it\u2019s a little lost in bland website design? We would love to apply our expertise to tease out some of your school\u2019s core, principle strengths to shine through on a new website. It\u2019s easy to make an initial enquiry<\/a> and we can get the ball rolling with a quick chat.<\/p>\n\n\n\n Take a look through our extensive school website design portfolio<\/a> for some ideas. Alternatively, take a look at our new website launches of October 2019<\/a>, or some of our many examples of Coastal school website design.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" We\u2019ve been working on some really lovely school website designs lately \u2013 here\u2019s just a selection of the new school websites launched in December 2019.<\/p>\n","protected":false},"author":12,"featured_media":4070,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"_links":{"self":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/4052"}],"collection":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=4052"}],"version-history":[{"count":0,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/4052\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/4070"}],"wp:attachment":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=4052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=4052"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=4052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\n\n\nSt Andrew\u2019s C of E Primary School Nuthurst<\/h2>\n\n\n\n
![\"Compact](\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2020\/01\/st-andrews-nuthurst.jpg\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nAmersham School<\/h2>\n\n\n\n
![\"Amersham](\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2020\/01\/Amersham-School-Website-Design.jpg\")
<\/a><\/figure><\/div>\n\n\n\n
\n\n\n\nTennyson Road Primary School
![\"\"](\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/12\/tennyson.jpg\")
<\/figure><\/h2>\n\n\n\n
\n\n\n\nA Selection of new Rainbow School Website Design<\/h2>\n\n\n\n
Grove Learning Trust<\/h2>\n\n\n\n
![\"Grove](\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2020\/01\/Grove-Learning-Trust-Website-Design.jpg\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nCrossley Fields Junior & Infant School<\/h2>\n\n\n\n
![\"infant](\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2020\/01\/screenshot-crossleyfields.com-2020.01.14-13_50_45-1-1024x581.jpg\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nOaklands School<\/h2>\n\n\n\n
![\"Oaklands](\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2020\/01\/oaklands.jpg\")
<\/figure><\/div>\n\n\n\n
\n\n\n\nIs your school website overdue a new design? Get in touch!<\/strong><\/h2>\n\n\n\n
\n\n\n\nNeed some more inspiration?<\/strong><\/h2>\n\n\n\n