{"id":3069,"date":"2019-03-01T08:10:19","date_gmt":"2019-03-01T08:10:19","guid":{"rendered":"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/?p=3069"},"modified":"2019-08-30T13:45:11","modified_gmt":"2019-08-30T12:45:11","slug":"school-website-design-january-2019","status":"publish","type":"post","link":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/03\/school-website-design-january-2019\/","title":{"rendered":"Latest School Website Design January 2019"},"content":{"rendered":"<h1>New Year, New Website?<\/h1>\n<p>We\u2019ve been working on some really lovely school website designs lately \u2013 here\u2019s just a selection.<\/p>\n<h2>Antrim Grammar School<\/h2>\n<p>Antrim Grammar\u2019s new website is both beautiful and packed with features. These include enhanced animations; target boxes such as \u201cread more\u201d and \u201call news\u201d change colour from yellow to blue (and vice versa) when hovered over. School performance statistics are presented in animated shields, the shields fill up to match the percentage displayed.<\/p>\n<p>When first landing on the website, visitors are presented with a full screen photo background. This is overlaid at the bottom with the school\u2019s slogan \u201ceducating for life\u201d, and with changing quotes.<\/p>\n<p>Sometimes it is the little details that help to raise a website to the next level; a small school badge can be found on the join between each panel on the homepage, and panel edges are curved, rather than the standard straight design.<\/p>\n<p><a href=\"http:\/\/www.antrimgrammar.org\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-3072 size-full\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Antrim-Grammar.jpg\" alt=\"Grammar School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Antrim-Grammar.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Antrim-Grammar-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<h2>Belmont Primary School<\/h2>\n<p>This lovely school website design uses navy blue and a vibrant yellow. Belmont Primary School chose to have a box of changing quotes featured prominently on the homepage of their website. Additionally, the home page features a noticeboard, upcoming diary dates and latest news. In the footer is a \u2018Get Directions\u2019 button, which takes visitors to google maps with directions to the school.<\/p>\n<p><a href=\"https:\/\/www.belmontprimaryschool.org.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-3074 size-full\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Belmont-Primary-School.jpg\" alt=\"Primary School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Belmont-Primary-School.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Belmont-Primary-School-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<h2>Claverdon Primary School<\/h2>\n<p>The school\u2019s logo (originally designed by the pupils of the school) was the source for the colour scheme of Claverdon Primary School\u2019s website. The homepage features three pop-out tabs, including one for diary dates, and another for latest news, as well as the more common Quick Links tab. The fourth tab is a social wall, displaying the school\u2019s twitter account across the whole screen when clicked on. The homepage also features changing quotes from Ofsted.<\/p>\n<h2><a href=\"https:\/\/www.claverdonschool.org.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3075\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Claverdon-Primary.jpg\" alt=\"Primary School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Claverdon-Primary.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Claverdon-Primary-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/h2>\n<p>&nbsp;<\/p>\n<h2>Baring Primary School<\/h2>\n<p>An illustrated header is the first thing visitors see when arriving on the Baring Primary School home page. A pastel colour scheme of blue, pink and green creates a whimsical feel that works really well on a primary school website. You can find the school&#8217;s social media wall on the right, which displays the school\u2019s tweets.<\/p>\n<h2><a href=\"https:\/\/www.baring.lewisham.sch.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3073\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Baring-Primary.jpg\" alt=\"Primary School Website Design\" width=\"720\" height=\"408\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Baring-Primary.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Baring-Primary-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/h2>\n<p>&nbsp;<\/p>\n<h2>Portesbery Primary School<\/h2>\n<p>The homepage of this website features a section for \u201cOur Aims\u201d. Here we chose to use understated animated boxes to show off the school\u2019s individual aims. A full screen photo background and animated boxes and buttons have helped to modernise this website. The school\u2019s 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.<\/p>\n<h2><a href=\"https:\/\/www.portesbery.surrey.sch.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3076\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Portesbury-School.jpg\" alt=\"Special School Website Design\" width=\"720\" height=\"408\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Portesbury-School.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/Portesbury-School-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/h2>\n<p>&nbsp;<\/p>\n<h2>St. Edward&#8217;s Royal Free Ecumenical Middle School<\/h2>\n<p>Visitors to this school website are met with a full screen photo background displaying professional quality photographs of students from the school. Scrolling down, you can see a box for diary dates and another for Newsletters. The diary dates box was an important feature for the school, and they opted to have space for up to six diary dates, rather than the more common options of three or four dates. \u2018Diary\u2019 is also a dedicated menu tab. The website uses several shades of blue taken from the school\u2019s uniform, creating a monochromatic and professional look. Overall, we are really happy with this school website design.<\/p>\n<p><a href=\"https:\/\/www.sterf.org.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-3077 size-full\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/St-Edwards-Royal-Free.jpg\" alt=\"School Website Design\" width=\"720\" height=\"408\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/St-Edwards-Royal-Free.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/03\/St-Edwards-Royal-Free-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<hr \/>\n<h2>Is your school website overdue a new design? Get in touch!<\/h2>\n<p>Have you been thinking about your school\u2019s identity? Do you feel it\u2019s a little lost in a 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\u00a0<a href=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/contactus\/\" target=\"_blank\" rel=\"noopener\">initial enquiry<\/a>\u00a0and we can get the ball rolling with a quick chat.<\/p>\n<hr \/>\n<h2>Need some more inspiration?<\/h2>\n<p>Take a look through our extensive <a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/school-website-design\/\" target=\"_blank\" rel=\"noopener\">school website design portfolio<\/a> for some ideas. Or, take a look at our <a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/01\/best-school-website-2018\/\">top websites of 2018<\/a>, or some of our many <a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/02\/red-and-pink-school-websites\/\">pink and red school websites.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 January 2019.<\/p>\n","protected":false},"author":12,"featured_media":3075,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,10],"tags":[39,38],"_links":{"self":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3069"}],"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=3069"}],"version-history":[{"count":0,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3069\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/3075"}],"wp:attachment":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3069"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}