{"id":1553,"date":"2015-12-20T09:30:32","date_gmt":"2015-12-20T09:30:32","guid":{"rendered":"http:\/\/greenschoolsonline.co.uk\/blog\/?p=1553"},"modified":"2018-10-30T15:38:33","modified_gmt":"2018-10-30T15:38:33","slug":"latest-school-website-designs","status":"publish","type":"post","link":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2015\/12\/latest-school-website-designs\/","title":{"rendered":"Latest School Website Designs December 2015"},"content":{"rendered":"<h2>The Hilden Grange Preparatory School Website Design<\/h2>\n<p><a href=\"http:\/\/www.hildengrange.co.uk\/\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1629 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Hilden-Grange-Website-Design.jpg\" alt=\"Hilden Grange Preparatory School Website Design\" width=\"700\" height=\"359\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Hilden-Grange-Website-Design.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Hilden-Grange-Website-Design-300x154.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>We&#8217;d previously created the website for Hilden Grange School in 2012 but when they asked us to transform the existing website into a flagship website for the school\u00a0we were more than happy to help. There are a number of eye catching features in their website design. The first thing you notice is the full screen background video which really sets the scene. To the right is what we call our &#8220;social media wall&#8221; and clicking the news icon slides out a panel containing their latest Twitter and Facebook posts. The website is of a long &#8220;paneled&#8221; type design which is a new emerging style of website design, allowing the home page to contain a large amount of information without becoming cramped or overwhelming.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-1618 aligncenter\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Hilden-Grange-Preparatory-School-Website-Design-e1459509453421.png\" alt=\"Hilden Grange Preparatory School Website Design\" width=\"700\" height=\"394\" \/><\/p>\n<p>The panels as you scroll down highlight key aspects of the school to prospective parents such as the welcome, vision, Ofsted quotes, curriculum areas and academic performance. Each panel flows to the next with carefully chosen \u00a0feature images.<\/p>\n<p>&nbsp;<\/p>\n<h2>The Meadow Primary Academy Website Design<img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1632 size-full\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Meadow-Primary-Website-Design.jpg\" alt=\"The Meadow Primary Academy Website Design\" width=\"700\" height=\"520\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Meadow-Primary-Website-Design.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Meadow-Primary-Website-Design-300x223.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><a href=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/HildenGrange.jpg\"><br \/>\n<\/a><\/h2>\n<p>When Meadow Primary decided to become an Academy over the summer one of the things they wished to do was create a new website. We were provided with an existing illustration which we were able to reconstruct and use as a feature in the website header area. Inspired by their like of pastel colours, we created an attractive colour palette for the design. During the briefing discussion we were able to agree the most important items to include in the home page and for Meadow Academy this included a feature panel for their values. Also of note is their integrated Twitter feed and prominent button links for their newsletters and payments system.<\/p>\n<p>&nbsp;<\/p>\n<h2>The Riverston School Website Design<\/h2>\n<p><a href=\"http:\/\/www.riverstonschool.co.uk\/\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1634 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Riverston-Website-Design.png\" alt=\"The Riverston School Website Design\" width=\"700\" height=\"350\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Riverston-Website-Design.png 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Riverston-Website-Design-300x150.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>We were asked by Riverston School to redesign their existing website and refresh it with a\u00a0website design which is sleek and modern. Riverston liked\u00a0the up and coming trend of paneled designs and we came up with\u00a0a unique take on it. As you\u00a0enter the website the first thing you will notice is a full screen background image gallery\u00a0with the social media wall on the right hand side that provides the latest Twitter &amp; Facebook posts by the school. As you scroll down through the panels you will noticed fixed background images that divide the content which provide an intriguing transition between the sections.<\/p>\n<p>&nbsp;<\/p>\n<h2>The Summerhill Academy Website Design<a href=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/StAndrewsFirst.jpg\"><br \/>\n<\/a><\/h2>\n<p><a href=\"http:\/\/summerhillacademy.org.uk\/\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1636 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Summer-Hil-Website-Design.jpg\" alt=\"The Summer Hil Website Design\" width=\"700\" height=\"517\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Summer-Hil-Website-Design.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Summer-Hil-Website-Design-300x222.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>When Summerhill Academy asked us to design a new\u00a0website they wanted an illustrative style which represented local features in the Bristol area. Looking at\u00a0the header design we see a brightly animated illustration with the Clifton Suspension\u00a0Bridge featuring as\u00a0the main landmark with clouds, cars and hot air balloons gently animated. We also illustrated their play slide which features in the grounds of the Academy. The overall look of the website design provides a bright, clean and child friendly feel. Other features of note are the Google Translate option, the editable Noticeboard and the Twitter panel which shows the Academy&#8217;s latest tweet. If you are patient enough, we\u00a0also added something special if you wait exactly 7 minutes!<\/p>\n<p>&nbsp;<\/p>\n<h2>The Hounsdown School Website Design<\/h2>\n<p><a href=\"http:\/\/www.hounsdown.hants.sch.uk\/\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1630 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Houndsdown-Website-Design.jpg\" alt=\"The Houndsdown Website Design\" width=\"700\" height=\"617\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Houndsdown-Website-Design.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Houndsdown-Website-Design-300x264.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Hounsdown School is a large secondary school based in Southampton. They approached us with a brief for a cleanly designed website that is easy to navigate. This in an eye catching website design with a full screen image background\u00a0gallery\u00a0adding interest to every page. A useful feature is the super-menu at the very top of the header that provides easily accessible links to systems commonly used by parents, staff and pupils. The clean home page features a series of photo button quick links which highlight and provide quick access\u00a0to key information providing a focused and smooth visitor experience.<\/p>\n<p>You may also be interested in our more recent website launches:<\/p>\n<p><a href=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/index.php\/2016\/03\/school-web-design-march-2016\/\">Website launches in March 2016<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;d previously created the website for Hilden Grange School in 2012 but when they asked us to transform the existing website into a flagship website for the school we were more than happy to help.<\/p>\n","protected":false},"author":12,"featured_media":1629,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,10],"tags":[],"_links":{"self":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1553"}],"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=1553"}],"version-history":[{"count":0,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1553\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/1629"}],"wp:attachment":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=1553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=1553"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=1553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}