{"id":1557,"date":"2016-03-31T10:50:42","date_gmt":"2016-03-31T09:50:42","guid":{"rendered":"http:\/\/greenschoolsonline.co.uk\/blog\/?p=1557"},"modified":"2016-09-06T12:50:42","modified_gmt":"2016-09-06T11:50:42","slug":"school-web-design-march-2016","status":"publish","type":"post","link":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2016\/03\/school-web-design-march-2016\/","title":{"rendered":"Latest School Website Designs March 2016"},"content":{"rendered":"<h2>St Andrew&#8217;s First School Website Design<a href=\"http:\/\/www.standrewsfirstschool.org.uk\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1635 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/St-Andrews-First-Website-Design.jpg\" alt=\"St Andrews First Website Design\" width=\"720\" height=\"462\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/St-Andrews-First-Website-Design.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/St-Andrews-First-Website-Design-300x193.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/h2>\n<p>St Andrew&#8217;s First School, located in Birmingham, were looking for\u00a0a website design which would look professional and sleek. We came up with a modern design with a wider than typical width, accommodating multiple boxes containing their key information such as news, diary dates, Ofsted quotes and quick links. You may also notice the feature image has an overlay which maintains\u00a0the continuity of the green and yellow theme that echoes the school uniform. \u00a0Overall this is a well formed, clean-cut website design.<\/p>\n<h2>Maple Walk School Website Design<\/h2>\n<p><a href=\"http:\/\/www.maplewalkschool.co.uk\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1631 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Maplewalk-Website-Design.jpg\" alt=\"Maplewalk Website Design\" width=\"700\" height=\"351\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Maplewalk-Website-Design.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Maplewalk-Website-Design-300x150.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Maple Walk School is one of the two\u00a0New Model Schools based in London. When asking us to design their school websites, they specifically wanted large feature images &#8211; one of\u00a0the first things you&#8217;ll notice is the full screen image gallery\u00a0with carefully chosen\u00a0images. The school also wanted to create\u00a0a clean and positive feel with a design that is visually rich\u00a0to set themselves apart from other local independent schools. As you scroll further down the home page the design transforms into a popular panelled design containing a welcome message and admissions information which tastefully uses\u00a0their blue and red colour pallet.<\/p>\n<h2>Farnham Green Primary School Website Design<\/h2>\n<p><a href=\"http:\/\/www.farnhamgreen.org.uk\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1648 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Farnham-Green-Website-Design.jpg\" alt=\"Farnham-Green-Website-Design\" width=\"700\" height=\"348\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Farnham-Green-Website-Design.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Farnham-Green-Website-Design-300x149.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Farnham-School-Mobile-App.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-medium wp-image-1836\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Farnham-School-Mobile-App-162x300.png\" alt=\"Farnham Green School Mobile App\" width=\"162\" height=\"300\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Farnham-School-Mobile-App-162x300.png 162w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Farnham-School-Mobile-App.png 169w\" sizes=\"(max-width: 162px) 100vw, 162px\" \/><\/a>When the new headteacher at Farnham Green asked us to design a website he wanted the website design to encompass and project the very best of what the school achieves. As you first view\u00a0the website you&#8217;ll be welcomed with an eye catching, full screen video background showcasing the school and their students. We have included a social media wall on the right which slides out to display their latest social media posts. Exploring further down the design you&#8217;ll find a very colourful selection of panels with content\u00a0and quick link buttons guiding the visitor\u00a0through the website.<\/p>\n<p>We also provided our school mobile app to Farnham Green. The app has a bespoke look and allows parents to keep up to date with the the latest news, diary dates, photo galleries and newsletters. The app is free for parents and also allows Farnham Green to send free push notifications to parents.<\/p>\n<h2>Clevedon School Website Design<\/h2>\n<p><a href=\"http:\/\/www.clevedonschool.org.uk\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1628 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Clevedon-Website-Design.jpg\" alt=\"Clevedon Website Design\" width=\"700\" height=\"339\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Clevedon-Website-Design.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Clevedon-Website-Design-300x145.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>One of the three schools which are part of the Clevedon Learning Trust is Clevedon School. Clevedon decided on a long panelled design for the home page with the design using the two main colours of their school logo, yellow and black. Scrolling down the home page you&#8217;ll notice that content is broken up\u00a0using large feature images that span the panel and we&#8217;ve used alternating coloured backgrounds to signify different areas of information. Great images play a big role in the design of the website as you&#8217;ll notice the news section where each news item has its own feature image, adding a more interest to each news items.<\/p>\n<h2>Octavia House Independent Therapeutic Schools Website Design<\/h2>\n<p><a href=\"http:\/\/www.octaviahouseschools.com\/\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1633 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Octavia-House-Website-Design.jpg\" alt=\"Octavia House Website Design\" width=\"700\" height=\"351\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Octavia-House-Website-Design.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2015\/12\/Octavia-House-Website-Design-300x150.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Lastly we have Octavia House and their single page website design. Octavia House previously had three separate websites and decided with this re-design to simplify and combine everything into\u00a0a one page website. The design combines a full screen static feature image with a long panelled home page. As you click each menu item in the main navigation bar, you&#8217;ll be taken to the relevant section of the home page. Exploring further down the website, you&#8217;ll notice a number of different features from scrolling quotes to pop up panels as well as animated key performance statistics which really engage the visitor.<\/p>\n<p>You can click on any of the website images above to view the full website. But here&#8217;s Octavia House in its&#8217; full glory:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1694 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2014\/05\/Octavia-House-School-website-Home-Page.jpg\" alt=\"Octavia-House-School-website-Home-Page\" width=\"700\" height=\"3050\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2014\/05\/Octavia-House-School-website-Home-Page.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2014\/05\/Octavia-House-School-website-Home-Page-69x300.jpg 69w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2014\/05\/Octavia-House-School-website-Home-Page-235x1024.jpg 235w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>You can also view our extensive portfolio of school websites searchable on our <a href=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/school-website-design\/\" target=\"_blank\">School website portfolio page<\/a>. It&#8217;s even searchable by colour and type!<\/p>\n<h3>Other Latest School Website Design Posts<\/h3>\n<p><a href=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/index.php\/2016\/06\/latest-school-website-designs-jun-2016\/\">Latest school website designs June 2016<\/a><\/p>\n<p><a href=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/index.php\/2015\/12\/latest-school-website-designs\/\">Latest school website designs December 2015<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Take a look at some of the school websites we&#8217;ve launched recently and read more about their design and features.<\/p>\n","protected":false},"author":12,"featured_media":1635,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"_links":{"self":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1557"}],"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=1557"}],"version-history":[{"count":0,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1557\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/1635"}],"wp:attachment":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=1557"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=1557"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=1557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}