{"id":1594,"date":"2016-03-31T11:45:33","date_gmt":"2016-03-31T10:45:33","guid":{"rendered":"http:\/\/greenschoolsonline.co.uk\/blog\/?p=1594"},"modified":"2020-01-27T15:06:12","modified_gmt":"2020-01-27T15:06:12","slug":"school-website-designs-illustrations","status":"publish","type":"post","link":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2016\/03\/school-website-designs-illustrations\/","title":{"rendered":"School Website Design with Illustrations"},"content":{"rendered":"<h2>Corton Primary School\u00a0Website Design Illustrations<\/h2>\n<p><a href=\"http:\/\/www.corton.suffolk.sch.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1595 size-full\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Corton_illustration.jpg\" alt=\"Corton illustration website design\" width=\"700\" height=\"570\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Corton_illustration.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Corton_illustration-300x244.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>The illustrations for Corton Primary School are based on the school&#8217;s coastal location in Norfolk. We&#8217;ve included\u00a0a number of marine animals, each of which represents a different class in the school. In the header of the website, a town is beautifully illustrated on an island along with the school itself. Even the menu bar is being pulled along by a duck!<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1753 size-full\" title=\"Corton Primary School Website\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Corton-Primary-School-Website.jpg\" alt=\"Corton Primary School Website\" width=\"1113\" height=\"355\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Corton-Primary-School-Website.jpg 1113w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Corton-Primary-School-Website-300x96.jpg 300w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Corton-Primary-School-Website-1024x327.jpg 1024w\" sizes=\"(max-width: 1113px) 100vw, 1113px\" \/><\/p>\n<h2>Newington Community Primary Website Design<\/h2>\n<p><a href=\"http:\/\/newington-ramsgate.kent.sch.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1596\" title=\"Newington Primary website design\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Newington_illustration.jpg\" alt=\"Newington illustration website design\" width=\"701\" height=\"297\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Newington_illustration.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Newington_illustration-300x127.jpg 300w\" sizes=\"(max-width: 701px) 100vw, 701px\" \/><\/a><\/p>\n<p>Similar to Corton, Newington is a school based near the coast in a town called Ramsgate. The illustrations on their website design include objects which relate to the shore and the beach including vibrant coloured shells, crabs, sandcastles and boats on the horizon. While exploring the home page you will also notice sections such as the Ofsted quotes and quick links keep the continuity of the illustrated background by including shells and a sand textured background.<\/p>\n<h2>Saltdean Primary School Website Design<\/h2>\n<p><a href=\"http:\/\/www.saltdeanprimary.org.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1597 size-full\" title=\"Saltdean Primary School website design\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Saltdean_illustration.jpg\" alt=\"Saltdean illustration website design\" width=\"700\" height=\"421\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Saltdean_illustration.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Saltdean_illustration-300x180.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Saltdean Primary Schools illustration is a unique one as their navigation and main content layout really make way for the large illustrated background. \u00a0Along the header you&#8217;ll notice the chalk cliffs across the horizon and the local lido on the right which is part of Saltdean in Brighton. We are then immersed with a simple sea\u00a0and\u00a0seabed illustration including various marine\u00a0animals. Small icons such as seagulls, crabs, anchors and dinghys are also designed into the website to reflect the coastal town.<\/p>\n<h2>St Michael&#8217;s Infant School Website<\/h2>\n<p><a href=\"http:\/\/www.st-michaels-infant.kent.sch.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1598 size-full\" title=\"St Michael's school website design\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/StMichaels_illustration.jpg\" alt=\"St Michaels illustration website design\" width=\"700\" height=\"405\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/StMichaels_illustration.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/StMichaels_illustration-300x174.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>St Michael&#8217;s Infant School in Kent wanted a website design with illustrations based on their surroundings. Within the header, you&#8217;ll see\u00a0the school building and its&#8217; playground which we drew up especially with its contrasting brick and large windows against the green hills. To the left of the school is a beautifully illustrated version of the local St Michael&#8217;s church with the sun beaming behind it making it stand out.<\/p>\n<h2>Park Primary School Website Design<\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1600 size-full\" title=\"Park Primary illustration website design\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/ParkPrimary_illustration.jpg\" alt=\"Park Primary illustration website design\" width=\"700\" height=\"372\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/ParkPrimary_illustration.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/ParkPrimary_illustration-300x159.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>When Park Primary asked us to design their website they specifically wanted illustrations which included key local landmarks\u00a0around the area of Doncaster. Looking at the illustration, on the left you&#8217;ll see the school building which we drew from photos the school supplied. Towards the centre of the illustration is St George&#8217;s\u00a0Minster, which is one of Doncaster&#8217;s most architecturally important buildings with a Grade 1 listing. It plays a big role within the school and we hope our illustration does it justice!\u00a0Finally, to the right, you can see another well-known landmark &#8211; Doncaster Race Course replete with horses!<\/p>\n<h2>Brenzett CE Primary School Website Design<\/h2>\n<p><a href=\"http:\/\/www.brenzett.kent.sch.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-1704 size-full\" title=\"Brenzett illustration website design\" src=\"http:\/\/greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Brenzett_illustration.jpg\" alt=\"Brenzett illustration website design\" width=\"700\" height=\"157\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Brenzett_illustration.jpg 700w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2016\/03\/Brenzett_illustration-300x67.jpg 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p>Brenzett Primary has an interesting illustrated header which includes animation. The first animation you will notice is the school logo being\u00a0pulled by a spitfire plane &#8211; the village used to be a base for spitfires in the war. Another animation you may notice\u00a0are the windmills &#8211; these represent the wind farm which is located close to the village. The overall illustration reflects the schools&#8217; location in the flat plains of Romney Marsh.<\/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\u00a0<a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/school-website-design\/\" target=\"_blank\" rel=\"noopener\">school website design portfolio<\/a>\u00a0for some ideas. Or, take a look at our\u00a0<a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/05\/9-illustrated-school-website-designs\/\" target=\"_blank\" rel=\"noopener\">illustrated websites featuring local landmarks<\/a>, or some of the school website designs we\u00a0<a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2020\/01\/latest-school-website-design-january-2020\/\" target=\"_blank\" rel=\"noopener\">launched in January 2020<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We love it when a school requests that their website design reflects their local surroundings. From coastal cliffs, beaches and the sea to the gently rolling hills of deep rural England we really enjoy creating bespoke illustrations for a really unique school website.<\/p>\n","protected":false},"author":12,"featured_media":1749,"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\/1594"}],"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=1594"}],"version-history":[{"count":0,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/1594\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/1749"}],"wp:attachment":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=1594"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=1594"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=1594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}