{"id":3492,"date":"2019-06-20T14:54:57","date_gmt":"2019-06-20T13:54:57","guid":{"rendered":"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/?p=3492"},"modified":"2020-01-17T11:39:56","modified_gmt":"2020-01-17T11:39:56","slug":"latest-school-website-design-june-2019","status":"publish","type":"post","link":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/06\/latest-school-website-design-june-2019\/","title":{"rendered":"Latest School Website Design June 2019"},"content":{"rendered":"<h1>Latest School and Academy Website Design Launches by Greenhouse School Websites<\/h1>\n<p>We\u2019ve been working on a number of gorgeous school website designs lately, including a design for a Federation of two schools. Below you can find a selection of our favourite school website designs that we have launched this month.<\/p>\n<h2>Federation of Liss Infant and Junior Schools<\/h2>\n<p><a href=\"https:\/\/www.lissjunior.hants.sch.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3494\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/federation-Liss.jpg\" alt=\"Federation School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/federation-Liss.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/federation-Liss-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>Liss Infant School and Liss Junior School have recently federated and so wanted a shared website that would represent the schools both separately and as a federation. The full-screen photo background shows two photos side by side, one from each school. We customised the Diary Dates using categories; diary dates for one school are shown in a light red colour, whilst the diary dates for the other school are shown in burgundy. As two schools&#8217; worth of diary dates are being shown, the diary dates section displays up to six diary dates. For context, the most popular number of diary dates to display is three! The latest news section has also been customised to meet the school\u2019s unique requirements; Visitors to the website have a choice of three buttons, \u201call news\u201d, \u201cInfant Newsletters\u201d and \u201cJunior Newsletters\u201d.<\/p>\n<p>&nbsp;<\/p>\n<h2>Holy Cross Primary School<\/h2>\n<p><a href=\"https:\/\/www.holycrossfulham.org.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3495\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Holy-Cross.jpg\" alt=\"Primary School Website Design\" width=\"720\" height=\"408\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Holy-Cross.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Holy-Cross-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>Holy Cross Primary School\u2019s uniform colours of red and grey have been incorporated into the website design. A full-screen photo background dominates the concise homepage, with diary dates shown as a pop-out box on the right-hand side; this pop-out box is set to automatically slide out when first visiting the website. The movement helps to catch the visitors eye so that they do not overlook important information. The footer features a photo of children in assembly, and photos also make up the backgrounds of the two pop-out tabs; often these sections of websites feature a plain colour as the background.<\/p>\n<p>&nbsp;<\/p>\n<h2>Burford C of E Primary School<\/h2>\n<p><a href=\"https:\/\/www.burfordceprimary.co.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3500\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Burford-Primary-School-Website-Design.jpg\" alt=\"Primary School Website Design\" width=\"720\" height=\"408\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Burford-Primary-School-Website-Design.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Burford-Primary-School-Website-Design-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>Having a compact design has been a popular option recently, as seen here with Burford C of E Primary School\u2019s new website! A full-screen photo background is overlaid by two translucent blue strips, which show the menu and the school&#8217;s strapline. Four pull-out tabs, in vibrant shades of yellow, blue, red and green, can be found on the homepage. You can see a small facebook button at the top of the page, which links through to the school\u2019s social media. The red footer at the bottom of the page displays the school&#8217;s contact information and address, alongside a map.<\/p>\n<p>&nbsp;<\/p>\n<h2>Holy Rood Catholic Primary School<\/h2>\n<p><a href=\"https:\/\/www.holyroodcatholicprimaryschool.co.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3498\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Holy-Rood.jpg\" alt=\"Primary School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Holy-Rood.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Holy-Rood-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>Having numerous side tabs on the homepage has become an increasingly popular design choice for school websites recently. This is because side tabs are useful for displaying a lot of information in a small space, which can help to keep the design of a school website homepage compact. Holy Rood Catholic Primary School chose to have a diary dates side tab, a noticeboard tab and quick links. Finally, the fourth side tab contains a short description of ASCAT, the Trust that the school is a part of, along with a link to the Academy Trust website.<\/p>\n<p>&nbsp;<\/p>\n<h2>Whitefield Primary Academy<\/h2>\n<p><a href=\"https:\/\/www.whitefieldprimaryacademy.com\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3499\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Whitefield.jpg\" alt=\"Primary School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Whitefield.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/Whitefield-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>Whitefield Primary Academy has a \u201cValue of the Month\u201d that they focus on in classes; as this is an important part of the school\u2019s identity, we created a Values tab on the left side of the website. Clicking on the Values tab reveals what the Value of the Month is, as well as a link to read more about the school\u2019s Values Programme. Buttons on the homepage are animated, with the text expanding slightly when hovered over.<\/p>\n<p>&nbsp;<\/p>\n<h2>The Oval Primary and Nursery School<\/h2>\n<p><a href=\"http:\/\/www.theovalprimary.co.uk\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3493\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/The-Oval-Primary.jpg\" alt=\"The Oval School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/The-Oval-Primary.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/06\/The-Oval-Primary-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>This school website uses a lovely selection of blue, yellow and green throughout the design. A transparent blue overlay features leaves at the top and bottom of the full-screen photo background, mirroring the tree in the school\u2019s logo. On the left-hand side of the homepage is a quick links pop-out box. Meanwhile, on the right-hand side, there is a pop-out noticeboard where the school can leave messages for parents.<\/p>\n<p>&nbsp;<\/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 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\/\">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\/\">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\/12\/latest-school-website-design-december-2019\/\">new website launches of December 2019<\/a>, or some of our many\u00a0<a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/03\/colourful-school-website-designs\/\">multi-coloured school websites.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve been working on a number of gorgeous school website designs lately, Here we look at a selection of our favourite school website designs launched in June 2019.<\/p>\n","protected":false},"author":12,"featured_media":3502,"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\/3492"}],"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=3492"}],"version-history":[{"count":0,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3492\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/3502"}],"wp:attachment":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3492"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}