{"id":3275,"date":"2019-04-26T09:37:20","date_gmt":"2019-04-26T08:37:20","guid":{"rendered":"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/?p=3275"},"modified":"2019-04-30T13:12:21","modified_gmt":"2019-04-30T12:12:21","slug":"best-grammar-school-website-design","status":"publish","type":"post","link":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/04\/best-grammar-school-website-design\/","title":{"rendered":"5 of the Best Grammar School Website Designs"},"content":{"rendered":"<p>With the recent launch of the new and improved Mirfield Free Grammar Academy website, we started looking through some of the Grammar School website designs we have launched in the past few years. Here are a few of our favourites!<\/p>\n<p>&nbsp;<\/p>\n<h2>The Mirfield Free Grammar Academy<\/h2>\n<p>This website incorporates the school colours of maroon and yellow, and the striped pattern from the school tie into the design, which helps to bring out the school\u2019s branding. A full-screen photo background, overlaid with a subtle, transparent maroon gradient, fills the screen when first visiting the website. As you scroll down, the Welcome section and Latest News and Diary Dates slide in from the side of the screen.<\/p>\n<p><a href=\"http:\/\/themfg.co.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-3276 aligncenter\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/the-MFG.jpg\" alt=\"\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/the-MFG.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/the-MFG-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Antrim Grammar School<\/h2>\n<p>Packed with features and flourishing touches, the design for the Antrim Grammar School website is one that we are really proud of. At the top of the homepage is a full-screen photo background, which is overlaid with a changing quotes box. The website also features enhanced animations; target boxes such as \u201cread more\u201d and \u201call news\u201d change colour when hovered over. School performance statistics are presented in animated shields. The shields fill up to match the percentage displayed.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3313\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Animated-Statistics-Antrim.gif\" alt=\"Grammar School Website Design Gif\" width=\"991\" height=\"562\" \/><\/p>\n<p><a href=\"http:\/\/www.antrimgrammar.org\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-3278 aligncenter\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Antrim-Grammar.jpg\" alt=\"Grammar School Website Design\" width=\"720\" height=\"410\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Antrim-Grammar.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Antrim-Grammar-300x171.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Bangor Grammar School<\/h2>\n<p>This Grammar School website uses a panelled design, with each panel presented in a different colour. The Bangor Grammar School website is another site packed with features. For instance, on the right side of the home page is a social wall; clicking the blue tab will reveal a selection of the most recent tweets from the school. The homepage also features a curriculum section, linking to individual pages about each subject taught at the school. The school opted to show their exam performance statistics in animated wheels on the homepage, as they are incredibly proud of their students&#8217; GCSE results.<\/p>\n<p><a href=\"https:\/\/www.bangorgrammarschool.org.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3279\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Bangor-Grammar-School.jpg\" alt=\"Bangor Grammar School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Bangor-Grammar-School.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Bangor-Grammar-School-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Perth Grammar School<\/h2>\n<p>Perth Grammar School chose to feature their school values, \u201cPride, Respect and Ambition\u201d, prominently on the homepage of their website; after all, the homepage of a school website is a great place to demonstrate what sets your school apart from the competition. The school values are centred over a two-tone full-screen photo background, and further down the page, a panel is dedicated to discussing the school\u2019s Vision &amp; Values.<\/p>\n<p><a href=\"https:\/\/www.perthgrammar.org.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3277\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Perth-Grammar.jpg\" alt=\"Perth Grammar School Website Design\" width=\"720\" height=\"409\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Perth-Grammar.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Perth-Grammar-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>Batley Grammar School<\/h2>\n<p>The design for this Grammar School website has the menu bar displayed at the very top of the webpage, with a large photo gallery below that. Changing quotes about the school are displayed over the top of the gallery. Meanwhile, the school can leave important notices for parents using the scrolling ticker. The school also opted for a social media wall, which displays their most recent tweets.<\/p>\n<p><a href=\"https:\/\/www.batleygrammar.co.uk\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-3280\" src=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Batley-Grammar.jpg\" alt=\"Batley Grammar School Website Design\" width=\"720\" height=\"408\" srcset=\"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Batley-Grammar.jpg 720w, http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/wp-content\/uploads\/2019\/04\/Batley-Grammar-300x170.jpg 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/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 stale 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 a selection of\u00a0<a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/03\/colourful-school-website-designs\/\" target=\"_blank\" rel=\"noopener\">colourful school website designs<\/a>, or some of the school website designs we\u00a0<a href=\"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/04\/school-website-design-shared-march-2019\/\" target=\"_blank\" rel=\"noopener\">launched in March 2019<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here are a few of our favourite Grammar School website designs launched over the past few years.<\/p>\n","protected":false},"author":12,"featured_media":3373,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[39,21],"_links":{"self":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3275"}],"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=3275"}],"version-history":[{"count":0,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3275\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/3373"}],"wp:attachment":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3275"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}