{"id":2849,"date":"2018-12-07T17:20:37","date_gmt":"2018-12-07T17:20:37","guid":{"rendered":"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/?p=2849"},"modified":"2019-02-19T16:30:53","modified_gmt":"2019-02-19T16:30:53","slug":"latest-school-website-design-december-2018","status":"publish","type":"post","link":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2018\/12\/latest-school-website-design-december-2018\/","title":{"rendered":"Latest School Website Design December 2018"},"content":{"rendered":"

Latest School Website Launches by Greenhouse School Websites<\/h1>\n

With the end of the year (and the end of term) fast approaching, we thought it was a good time to look back on some of the fantastic school websites that we have designed and launched in the closing months of 2018.<\/p>\n

Hare Street Community Primary School and Nursery<\/h2>\n

\"Hare<\/a><\/p>\n

First up we have a re-design of a website for one of our older clients. The new design\u2019s colour scheme matches the school\u2019s uniform; we chose to use yellow in the school\u2019s name, their motto (Caring \u00b7 Challenging \u00b7 Respectful \u00b7 Creative), and for the drop-down menus. Blue is the other primary colour of the website; the transparent blue header adds a pop of extra colour without restricting the size of the background photos. With the full screen pictures featuring lots of pupils in blue and yellow, the final look is bright and cohesive. The noticeboard at the right of the homepage slides out when first landing on the website, making it easier for parents to stay informed about goings-on in the school. The welcome section features a link to a short Welcome Video, adding a personalised touch. Below that are diary dates and latest news, vital information for visitors to the site.<\/p>\n

 <\/p>\n

Fairwater Primary School<\/h2>\n

\"Fairwater<\/a><\/p>\n

The background of Fairwater Primary School\u2019s website gave our designers the chance to get really creative, displaying the school with children playing in the playground. Houses, trees, a field and the local church can also be seen in the background, offering a new surprise on every visit to the website. The vertical menu was also a creative accomplishment for Olaia, with each menu option being displayed as signposts on a tree. This website is vibrant, using each of the seven colours found in the school\u2019s logo throughout the website. The school\u2019s name and the footer are both sky blue, the diary dates box is orange, the twitter box is pink, and the noticeboard is purple. Hyperlinks also show up as a vibrant purple. At the bottom of the website\u2019s homepage there is an animated Attendance box, which is updated weekly by the school.<\/p>\n

 <\/p>\n

Mount Pleasant Primary School<\/h2>\n

\"Mount<\/a><\/p>\n

Another skyline design from Olaia, which shows off some locations of note near to the school. These include Dudley Castle, Delph Locks and the canal, as well as the school itself. The scrolling notifications move along the canal in a bright purple text that stands out nicely. The latest news and diary dates box are tabbed, providing maximum information in a compact space. Below that, an animated button takes website visitors to the school\u2019s prospectus. This school has a very active twitter, with their main account regularly retweeting tweets made by the teachers about what their classes are up to; featuring the twitter prominently on the front page makes the most of this.<\/p>\n

 <\/p>\n

John Stainer Primary School<\/h2>\n

\"John<\/a><\/p>\n

 <\/p>\n

The Quick links box on the homepage features important and popular links, including a link to the page about the School Dog, Charlie Brown. It could be argued that this is one of\u00a0the most important pages on this particular website! John Stainer are incredibly proud of the multi-cultural nature of their school, with at least 32 languages spoken and 34 cultures represented in the school; a banner at the bottom of the website features the national flags of many of the countries that students are from. Google translate and a search bar are prominent on the top right of the website.
\nWe also redesigned the John Stainer Community Primary School logo for the school\u2019s website, bringing the school colour of red into the design, which had previously been black and white. You can see the logo in the top left corner, and it also features in the background of the website.<\/p>\n

 <\/p>\n

Below are some of the different mock-ups we made for John Stainer:<\/h2>\n

\"School<\/p>\n

As part of the design process we discuss:<\/p>\n