School website design and prices | Greenhouse School Websites

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>School website design and prices | Greenhouse School Websites</title> <meta name="description" content="Greenhouse have the largest searchable online portfolio of school website designs in the UK, if not the world. Explore school website design styles by colour, style and features." /> <meta name="keywords" content="Primary School Website Design, Secondary School Website Design Multi Academy Trust Website Design," /> <meta name="author" content="Greenhouse School Websites"/> <meta name="revisit-after" content="2 days"/> <meta name="robots" content="INDEX, FOLLOW"/> <meta name="rating" content="General"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5"> <meta property="og:site_name" content="Greenhouse School Websites" /> <meta property="og:title" content="School website design and prices | Greenhouse School Websites" /> <meta property="og:url" content="https://www.greenhousewebsites.co.uk/school-website-design/" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Greenhouse have the largest searchable online portfolio of school website designs in the UK, if not the world. Explore school website design styles by colour, style and features." /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" /> <link href="/inc/css/styles.css?v=2" rel="stylesheet preconnect" type="text/css" />    <link href="/inc/css/2021.css?v=2" rel="stylesheet preconnect" type="text/css" crossorigin>  <link href="/inc/2022/c.css?v=2" rel="stylesheet preconnect" type="text/css" crossorigin>  <script>unsupportedIE = false;</script>   <style> article header, article.white {padding: 66px 0 30px 0 !important} /* *::after, *::before {z-index: -1!important;} */ article {overflow: hidden;} /* 3rd level dropdowns */ body>header #nav22 li ul li:first-of-type li a {border-radius:0; box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.1);} body>header #nav22 li ul li:first-of-type li:first-of-type a {-moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px;} body>header #nav22 li ul li:first-of-type li:last-of-type a {-moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} @media screen and (max-width: 1830px) { ul.floating-side-menu {display: none; } } /* quote box */ .home-quote {padding: 40px; font-size: 22px; line-height: 1.2; margin: 0 0 30px 20px; border: 5px solid rgba(255,255,255,.5); width: 500px; max-width: 90%; color: #fff;position: relative; text-align: center; overflow: hidden; background-image: linear-gradient(7deg, #714c91, #714c91 49.99%, #7e56a1 50.01%, #7e56a1); float: right;} .home-quote span {display: block; margin: 10px auto 0; font-size: 18px;} /* images in the 'how it works' section */ .HIW img {position: absolute; z-index: 1;} .HIW img:nth-of-type(1) {left: -50px; bottom: -80px; opacity: .3;} .HIW img:nth-of-type(2) {right: -50px; top: -80px; opacity: .3;} .white p, .white h2 {z-index: 999;} /*.calendly-inline-widget {float:right; display:inline-block; min-width:337px}*/ .contacttext {display:inline-block; margin-right:60px; width:580px} .imageright {float:right; margin:0 0 30px 60px;} @media only screen and (max-width: 1600px) { .HIW img {opacity: .15!important} } @media only screen and (max-width: 990px) { .home-quote {float: none; margin: 30px auto; width: 70%;} .HIW img {display: none;} .calendly-inline-widget {float:none; display:block;} .contacttext {display:block; margin-right:0; width:100%} } @media screen and (min-width: 675px){ #inside-feedback blockquote img {height: auto;} } /* support page */ #support-hero { background: url(/images/support/hero.jpg) center center; background-size: cover; -ms-behavior: url(/inc/polyfills/backgroundsize.min.htc); padding-top: 4.41176em; padding-bottom: 4.52941em; } @media screen and (min-width: 990px) { #support-hero { min-height:310px; padding-top: 8.47368em; padding-bottom: 7em;} } @media screen and (min-width: 835px) { #support-hero { padding-top: 7.72222em; padding-bottom: 6.61111em;} } @media screen and (min-width: 675px) { #support-hero { padding-top: 6.55556em; padding-bottom: 5.83333em;} } @media screen and (min-width: 515px) { #support-hero { padding-top: 5.70588em; padding-bottom: 5.35294em;} } /* about page */ #about-hero { background: url(/images/about/hero.jpg) center center; background-size: cover; -ms-behavior: url(/inc/polyfills/backgroundsize.min.htc); padding-top: 4.41176em; padding-bottom: 4.52941em; } @media screen and (min-width: 990px) { #about-hero {min-height:310px; padding-top: 8.47368em; padding-bottom: 7em;} } @media screen and (min-width: 835px) { #about-hero { padding-top: 7.72222em; padding-bottom: 6.61111em;} } @media screen and (min-width: 675px) { #about-hero { padding-top: 6.55556em; padding-bottom: 5.83333em;} } @media screen and (min-width: 515px) { #about-hero { padding-top: 5.70588em; padding-bottom: 5.35294em;} } @media screen and (max-width: 990px) { .imageright {float:none; margin:30px 0; display:block} } @media print { #CookieCheck_badge, .uwy userway_p1, #userwayAccessibilityIcon, #nav, .btns-wrapper {display:none !important} } /* body>header.fixed-to-top #logo, body>header #logo { min-width: 220px; } */ @media screen and (min-width: 990px){ body > header nav#nav22 { width: 850px; }} @media screen and (max-width: 1350px){ body > header nav#nav22 ul > li > a { padding: 0 4px; }} @media screen and (max-width: 1700px){ span.brbr { display: none; }} @media screen and (max-width: 990px) { #hero22::before { display: none; }} #blog-sec ul li img { height: auto; } </style> </head> <style> .wrapper2 {width: 100%;} #school-web-des section {clear: both; overflow: hidden; border-bottom:10px solid #FFF;} #school-web-des .h1 {font-size: 2.5em; } #school-web-des .h1 span, #school-web-des h2 span {display: block; font-size: 25px; font-weight: 300; margin: 10px auto 50px; letter-spacing:0; text-transform:none} /* link in hero sec */ .hero-link { margin:30px 30px 0 0; min-width:220px; display: inline-block; padding: 0 30px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; background: #7e56a1; outline: 2px solid #7e56a1; outline-offset: 5px; border: 1px solid #fff; transition: .5s; color: #fff!important; } .hero-link:first-of-type { margin-left:0} .hero-link:hover { box-shadow: inset 0 0 0 100px rgba(255,255,255,.1); } /* split panel text cols */ .text-container, .text-container2, .text-container3, .text-container4 { width: 50%; padding: 0 60px 0px 60px; box-sizing: border-box; float: left; position: relative; } /*.text-container2, .text-container4, .textcontainer6 { float: left; }*/ .text-container1 {padding-bottom:60px} .text-container1:before {border-left:10px solid #FFF; position: absolute; content: ''; right: -100%; top: -200px; width: calc(100% - 10px); height: calc(100% + 200px); background: url(/i/featured/SchoolWebsiteDesignsPortfolio.jpg) no-repeat top left; background-size: cover; background-position:center 80px} .text-container1 li {margin: 0 0 30px 0; font-size:16px;} .text-container2:before {background-image:url(/i/featured/good-school-website-design.jpg); background-size:inherit;} .text-container2 {padding-bottom:0;} /*.text-container1:before, .text-container2:before, .text-container3:before, .text-container4:before {position: absolute; content: ''; left: -100%; top: -100px; width: 100%; height: calc(100% + 200px); background: url(images/1.jpg) no-repeat top left; background-size: cover; background-position:center top} .text-container2:before {background-image: url(/i/portfolio/); right: -100%; left:auto } .text-container3:before {background-image: url(/i/portfolio/);} .text-container4:before {background-image: url(/i/portfolio/); right: -100%; left:auto } */ /* link styling */ .link { margin: 30px auto 0; display: inline-block; padding: 0 30px; height: 50px; line-height: 50px; text-align: center; text-decoration: none; background: #a5d63d; outline: 2px solid #a5d63d; outline-offset: 5px; border: 1px solid #fff; transition: .5s; } /* panel-specific link styles */ .green .link {background: #a5d63d; outline: 2px solid #a5d63d; outline-offset: 5px; border: 1px solid #fff; } .purple .link {background: #7e56a1; outline: 2px solid #7e56a1; outline-offset: 5px; border: 1px solid #fff; } .orange .link {background: #ffbf27; outline: 2px solid #ffbf27; outline-offset: 5px; border: 1px solid #fff; } .light-blue .link {background: #20acda; outline: 2px solid #20acda; outline-offset: 5px; border: 1px solid #fff;/*#0070a5*/ } .text-container .link:hover { box-shadow: inset 0 0 0 100px rgba(255,255,255,.1); } .portfolio-container {border-left:10px solid #FFF; width:calc(50% - 10px); height: calc(100% + 65px); background-repeat:no-repeat; background-size: 100% auto; background-position:center 65px; background-image:url(images/1.jpg); position: absolute !important; top: -65px;left: 50%;} /* #school-web-des section:nth-of-type(odd) .portfolio-container {left:0; border-right:10px solid #FFF; width:50%; border-left:0;} */ .portfolio-container p.websitedescription {opacity:0; position: absolute; top: 25%; left: 0; padding:0 60px; color:#FFF; font-size:24px; line-height:36px; text-align:center; letter-spacing:0;} .portfolio-container:hover p.websitedescription {opacity:1; transition: .5s;} .portfolio-container .link {bottom:62px; position:absolute; margin:0 auto; text-align:center; right:60px} .portfolio-container:hover {box-shadow: inset 0px 0px 500px 500px rgba(0, 0, 0, 0.75); transition: .5s;} .portfolio-container a [title]:hover::after { content: '';} .portfolio-container:after { content: ''; height: 100%; display: block; background-repeat: no-repeat; background-position: 0 bottom; background-size:100% 37%;} section.green .portfolio-container:after {background-image: linear-gradient(to bottom, transparent, #a5d63d);} section.purple .portfolio-container:after {background-image: linear-gradient(to bottom, transparent, #7e56a1);} section.orange .portfolio-container:after {background-image: linear-gradient(to bottom, transparent, #ffbf27);} section.light-blue .portfolio-container:after {background-image: linear-gradient(to bottom, transparent, #20acda);} /* image sections */ #img-sec { overflow: hidden; } #img-sec img { width: 50%; height: 100%; object-fit: cover; float: left;} @media screen and (max-width: 1400px) { #img-sec { height: 400px; } #school-web-des .h1 {font-size: 35px; } #school-web-des .h1 span, #school-web-des h2 span { font-size: 20px; } .text-container p { font-size: 16px; } .portfolio-container p.websitedescription { font-size: 18px; } .portfolio-container { background-size: cover; background-position: top 65px left; } } @media screen and (max-width: 1199px) { .text-container { width: 100%; float: none; } .text-container1:before, .text-container2:before, .text-container3:before, .text-container4:before { display: none; } .portfolio-container {display:none;} } @media screen and (max-width: 990px) { #school-web-des .h1 span { margin-bottom: 50px; font-size: 20px; } #img-sec { height: 300px; } .text-container { padding: 40px; } #web-des-2021 .link, .text-container .link { margin: 30px auto 0; font-size: 14px; padding: 20px; height: auto; line-height: 1.3; } } @media screen and (min-width: 1200px) { section.white {padding-bottom:0 !important;} } </style> <body id="top" class="white-slider">  <header> <a href="#mainholder" class="skip-link" style="opacity: 0; visibility: hidden; position: absolute; top: -100px;">Skip to main content</a> <div class="wrapper"> <a href="/" title="Greenhouse School Websites home page">  <div id="logo22"> <img id="logo" width="62" height="47" src="/images/greenhouse-school-websites.svg" alt=""> <div> Greenhouse <span class="second-line">School Websites</span> </div> </div> </a> <div class="btns-wrapper"> <a href="/contactus/support/" title="Get website support">Support<span></span></a> </div>  <nav id="nav22"> <ul id="nav"> <li id="nav-schoolwebsites"><a href="/school-website-design/">Websites</a> <ul> <li><a href="/school-website-design/">Bespoke websites</a> <ul> <li><a href="/school-website-design/">Bespoke website design</a></li> <li><a href="/primary-school-website-design/">Primary portfolio</a></li> <li><a href="/secondary-school-website-design/">Secondary portfolio</a></li> <li><a href="/special-SEN-school-website-design/">Special portfolio</a></li> <li><a href="/trust-website-design/">Multi-Academy Trusts portfolio</a></li> <li><a href="/how-to-build-a-school-website/">Bespoke website build process</a></li> </ul> </li> <li><a href="/school-website-templates/">Pre-designed template websites</a> <ul> <li><a href="/school-website-templates/">Pre-designed template websites</a></li> <li><a href="/school-website-templates/friendly_theme/">Friendly theme</a></li> <li><a href="/school-website-templates/nature_theme/">Nature theme</a></li> <li><a href="/school-website-templates/photo_theme/">Photo theme</a></li> <li><a href="/school-website-templates/professional_theme/">Professional theme</a></li> <li><a href="/school-website-templates/simple_theme/">Simple theme</a></li> <li><a href="/school-website-templates/village_theme/">Village theme</a></li> </ul> </li> <li><a href="/school-website-cms/">Content management (CMS)</a></li> <li><a href="/school-website-prices/comparison/">Prices</a> <ul> <li><a href="/school-website-prices/primary/">Primary</a></li> <li><a href="/school-website-prices/secondary/">Secondary</a></li> <li><a href="/school-website-prices/special/">Special</a></li> <li><a href="/school-website-prices/academy-trust-websites/">Multi-Academy Trusts</a></li> <li><a href="/school-website-prices/comparison/">Package comparison</a></li> </ul> </li> <li><a href="/school-website-prices/academy-trust-websites/">Multi-Academy Trusts</a> <ul> <li><a href="/school-website-prices/academy-trust-websites/">MAT website packages</a></li> <li><a href="/trust-website-design/">MAT website design portfolio</a></li> <li><a href="/trust-website-features/">Central management tools</a></li> <li><a href="/academy-trust-case-studies/">Case studies</a></li> <li><a href="/contactus/requesttrust/">Request Brochure</a></li> </ul> </li> <li><a href="/contactus/requestaudit/">Free first impressions audit</a></li> </ul> </li> <li id="nav-branding"><a href="/services/school-branding/">Branding & Print</a> <ul> <li><a href="/services/school-branding/">Logos & branding</a></li> <li><a href="/services/school-branding/branding-workshops/">Branding workshops</a></li> <li><a href="/services/school-prospectus/">Prospectuses</a></li> <li><a href="/services/school-folders/">Folders</a></li> <li><a href="/services/school-portraits/">Portraits</a></li> </ul> </li> <li id="nav-apps"><a href="/services/mobile-app/">Apps</a> <ul> <li><a href="/services/mobile-app/">Parent mobile app</a></li> </ul> </li> <li id="nav-photos"><a href="/services/school-photography/">Photos & video</a> <ul> <li><a href="/services/school-photography/ai/">AI Photography</a></li> <li><a href="/services/school-photography/">Photography & tours</a></li> <li><a href="/services/school-video/">Video</a></li> </ul> </li> <li id="nav-compliance"><a href="/school-policy-compliance/">Compliance</a> <ul> <li><a href="/school-policy-compliance/">Policy Compliance Manager</a></li> <li><a href="/school-website-audit/">School website audit</a></li> <li><a href="/ofsted-checklist/">Ofsted requirements</a></li> </ul> </li> <li id="nav-websitedesigners"><a href="/school-website-designers-UK/">About</a> <ul> <li><a href="/school-website-designers-UK/">About us</a></li> <li><a href="/support/">Unrivalled support</a></li> <li><a href="/feedback/">Feedback from schools</a></li> <li><a href="/top10reasons/">Why choose us?</a></li> <li><a href="/school-website-design-tips/">School website design tips</a></li>  <li><a href="/aboutus/vacancies/">Vacancies</a></li> <li><a href="/blog/">Blog</a></li> </ul> </li> <li id="nav-contact"><a href="/contactus/">Contact</a> <ul> <li><a href="/contactus/">Contact details</a></li> <li><a href="/contactus/requestdemo/">Request demo</a></li> <li><a href="/contactus/requesttrust/">Request Brochure</a></li> <li><a href="/contactus/nextsteps/">Next steps</a></li> <li><a href="/contactus/support/">Support</a></li> <li><a href="/faqs/">FAQs</a></li> </ul> </li> </ul> </nav> </div>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '557931305716266'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=557931305716266&ev=PageView&noscript=1" /></noscript>  </header> <div id="mobile-menu"></div>  <main> <article id="school-web-des"> <section class="white"> <div class="wrapper wrapper2"> <div class="text-container text-container1"> <h1 class="h1">School Website Design<span> The UK's largest online school website design portfolio</span></h2> <p>We have created a huge <a href="/school-website-portfolio/">portfolio of bespoke school website designs</a> since 2007. We're proud of all our work and, consistent with our values of honesty and transparency, we're happy to publish all of our projects from the last few years. </p> <p>In addition to bespoke designs, we also offer six budget-friendly <a href="/school-website-templates/primary-website-templates/">pre-designed school website templates</a>, and our premium websites which offer the normal bells and whistles of our bespoke designs, plus the cherry on top.</p> <p>Our <a href="/school-website-prices/comparison/">school website price comparison</a> page details what is included in each package, along with the possible optional extras.</p> <p>Can't find what you're looking for? Don't hesitate to <a href="/contactus/">contact us</a>.</p> <a class="hero-link" href="/school-website-portfolio/" title="View hundreds of our bespoke school website builds">Bespoke website portfolio</a> <a class="hero-link" href="/school-website-prices/comparison/" title="Compare prices for our template, bespoke and premium school websites">Website price comparison</a> </div> </div> </section> <section class="purple"> <div class="wrapper wrapper2"> <div class="text-container text-container2"> <h2 class="h1">Primary Schools<span>Primary School Website Design</span></h2> <p>As you might expect, primary school website designs make up a large part of our design portfolio. They showcase a wide variety of design styles - from village schools with illustrations of local landmarks to more contemporary designs featuring bold colours and full screen photos. Part of the joy of working with schools is discovering their individual personalities. </p> <p>Our highly experienced design consultants will spend a lot of time at the start of the design process discussing with you the needs of your school and understanding what makes it special. We think the results speak for themselves, so why not take a look at our primary school website designs?</p> <a class="link" href="/primary-school-website-design">More Primary School website designs</a> </div> <div class="portfolio-container" style="background-image:url(/i/portfolio/l%2881%29%2Ejpg)"> <p class="websitedescription">The new website for St Anselm's in Harrow features eye catching full screen background photos to instantly engage with the audience, showcasing the school and its' grounds. The schools' values rotate over the top. This is a compact, scroll free design with everything available in one view. Quick link buttons direct visitors to key information such as Admissions or the School Calendar.</p> <p><a class="link" href="/school-website-design/st-anselms-catholic-primary-school-website-HA1" title="Read more about the St Anselm's Catholic Primary School website">St Anselm's Catholic Primary School</a></p> </div> </div> </section> <section class="light-blue"> <div class="wrapper wrapper2"> <div class="text-container text-container3"> <h2 class="h1">Secondary Schools<span>Secondary School Website Design</span></h2> <p>Secondary school website design is an art of it's own, often having to appeal to a wide audience. There may be specialisms or facilities to highlight as well as school performance. </p> <p>We have a large portfolio of secondary school website designs to inspire you - it may all seem bewildering but our experienced consultants will guide you through the design options step by step. And our talented website designers are always happy to try things and go the extra mile to ensure your website design is 'just so'.</p> <a class="link" href="/secondary-school-website-design/">More Secondary School website designs</a> </div> <div class="portfolio-container" style="background-image:url(/i/portfolio/Hathershaw%5Flrg%2Ejpg)"> <p class="websitedescription">The website for The Hathershaw College in Oldham showcases many of our premium features including animated statistics, curriculum icons with pop-up windows and our social media wall. The colour scheme and graphics are all inspired by the school's logo and mouse-hover animations increase the visual impact of the site.</p> <p><a class="link" href="/school-website-design/hathershaw-college-website-design-OL8" title="Read more about the The Hathershaw College website">The Hathershaw College</a></p> </div> </div> </section> <section class="orange"> <div class="wrapper wrapper2"> <div class="text-container text-container4"> <h2 class="h1">Multi Academy Trusts<span>MAT Website Design</span></h2> <p>As well as working on an ever increasing number of Academy website designs, we also design websites for Multi Academy Trusts themselves. There are different design considerations for Trust websites, such as communicating what the MAT stands for, the members of the Trust or the benefits of joining the Trust. </p> <p>Many Trusts also ask us to design a 'family look' and work with them to develop brand guidelines for the whole Trust. Our Trust websites also come with tools to allow the Trust to <strong>automatically populate policies, reports and news onto their school websites</strong>. Again, our experienced design consultants will discuss this with you, providing suggestions and guidance as you require. Whatever the size or aspirations for your Multi Academy Trust website design, we hope our portfolio provides you with the inspiration and confidence to ask us to help.</p> <a class="link" href="/trust-website-design/">More Multi Academy Trust website designs</a> </div> <div class="portfolio-container" style="background-image:url(/i/portfolio/EFSPT%5Flrg%2Ejpg)"> <p class="websitedescription">The website for Epping Forest Partnership Trust in Abridge, Romford. A panelled design displays the Trust's key information in a stylish and engaging way. This website has an illustrative nature theme, adding personality and atmosphere as you browse. </p> <p><a class="link" href="/school-website-design/epping-forestefspt-RM4" title="Read more about the Epping Forest - EFSPT website">Epping Forest - EFSPT</a></p> </div> </div> </section> <section class="green"> <div class="wrapper wrapper2"> <div class="text-container text-container4"> <h2 class="h1">Independent Schools<span>Websites for independent / private schools</span></h2> <p>Independent schools often have a strong reputation and history which must be reflected in their website design. They may have amazing grounds or facilities and many may be in a highly competitive admissions environment. Whatever the unique characteristics and personality of your school, we'll work with you closely to understand these and ensure that your school website design is convincing and persuasive, as well as ensuring any competitive or marketing opportunities you desire are maximised.</p> <a class="link" href="/school-website-portfolio/?Phase=Independent">More Independent School website designs</a> </div> <div class="portfolio-container" style="background-image:url(/i/portfolio/Rathdown%2DMusic%5Flrg%2Ejpg)"> <p class="websitedescription">The Rathdown Music School has a clean and classic site that uses full-screen scrolling images that display their attitude to learning and the instruments that they teach at the school. A quick links panel has been incorporated to aid in the navigation of the site as well as social media buttons, a translate button and a search function for the website. </p> <p><a class="link" href="/school-website-design/rathdown-music-school-website-A96" title="Read more about the Rathdown Music School website">Rathdown Music School</a></p> </div> </div> </section> <section class="light-blue"> <div class="wrapper wrapper2"> <div class="text-container text-container4"> <h2 class="h1">Special Schools<span>Websites for special needs / SEN schools</span></h2> <p>Special schools are very varied and often smaller than other schools. It's our job to listen carefully to your needs and suggest ideas for your school website design based on our experience of working with so many other special schools over the years.</p> <p>Our school websites are already built to be accessible and user-friendly, but we can incorporate extra tools if the school website has an audience with additional learning needs.</p> <a class="link" href="/school-website-portfolio/?Phase=Special">More SEN school website designs</a> </div> <div class="portfolio-container" style="background-image:url(/i/portfolio/ChapelGreen%5Flrg%5F%281%29%2Ejpg)"> <p class="websitedescription">A website for Chapel Green School, Attleborough. A clean, scroll free design with a rotating strapline, social media buttons and an overall bright colour palette.</p> <p><a class="link" href="/school-website-design/chapel-green-school-website-NR17" title="Read more about the Chapel Green School website">Chapel Green School</a></p> </div> </div> </section> <section class="purple"> <div class="wrapper wrapper2"> <div class="text-container text-container4"> <h2 class="h1">Sixth Form Colleges<span>Websites for sixth form colleges</span></h2> <p>Sixth Form College websites often have a modern, dare we say it, trendy look, appealing as they must to students as well as more traditional audiences.Such websites will usually have more visitors from smartphones than desktops and tablets combined.</p> <p>A dedicated sixth form website allows a sixth form to express a personality which is more distinct to their secondary cousins. On a more practical level, a dedicated sixth form website provides a space for the sixth form to describe it's curriculum in detail, the facilities sixth formers enjoy as well as the extra curricular activities on offer. Not forgetting the all important section for alumni!</p> <a class="link" href="/school-website-portfolio/?Phase=sixthform">More Sixth Form College website designs</a> </div> <div class="portfolio-container" style="background-image:url(/i/portfolio/Luton%2DSixth%2DForm%5Flrg%2Ejpg"> <p class="websitedescription">The website for Luton Sixth Form College, Luton. A graphically striking and interactive design, which plays on the school's 'line bar' logo and branding. There's lots of personality in this design. The website has a clear focus on communication and engagement with visitors to the website. The animated features and bright colours draw the eye of the visitor.</p> <p><a class="link" href="/school-website-design/-LU2" title="Read more about the Luton College Sixth Form website">Luton College Sixth Form</a></p> </div> </div> </section> <section class="white"> <div class="wrapper wrapper2"> <div class="text-container text-container1 text-container2"> <h1 class="h1">What makes a good school website design?</span></h2> <p>Before embarking on a new school website design, it's important to ask yourself the following questions:</p> <ul> <li><strong>Who is your key target audience?</strong><br> Typically this would be prospective parents, but it could also be current parents, prospective staff and students, Ofsted inspectors and the wider community.<br> It might be helpful to create a user profile (or profiles) of your key audience. </li> <li><strong>What would be the typical website journey of your key audience? </strong><br> The design should incorporate aids to make this journey smoother.</li> <li><strong>How is your school perceived in the community?</strong><br> A new school website design can tackle any negative perceptions and reinforce positive messages.</li> <li><strong>Are there any lessons to learn from competing schools?</strong><br> It's OK to build on something you might have seen on another website. Conversely, it's wise to differentiate your school website from others.</li> <li><strong>Do you have a key message?</strong><br> Perhaps you need to address some previous negative publicity. Or maybe the school has joined a Multi Academy Trust and has a new ethos. </li> </ul> <p>We try to tease out this information in our design briefing. Having built over 2000 school websites, we have vast experience in knowing how best to target the key audiences for schools. But if our design doesn't hit the spot first time around, or opens up a wider debate in the school, we will happily go back to the drawing board and continue to iterate until everyone is on board and excited.</p> <p> </p> </div> </div> </section> </article> </main>   <script type="text/javascript"> var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date(); (function () { var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0]; s1.async = true; s1.src = 'https://embed.tawk.to/5be9c00e0e6b3311cb78f128/default'; s1.charset = 'UTF-8'; s1.setAttribute('crossorigin', '*'); s0.parentNode.insertBefore(s1, s0); })(); </script>     <footer id="footer22"> <h1 class="heading2022">Find Out More</h1> <div class="wrapper2022" id="contact-scroll"> <div class="left-col"> <p class="tel"><span>Call us on</span><a href="tel:08009553999">0800 955 3999</a></p> <div id="social22"> <p>We Are Social</p> <ul> <li> <a href="https://twitter.com/heyGreenhouse" target="_blank"><img loading="lazy" src="/images/2022/footer/social/twitter.png" alt="Twitter"></a> </li> <li> <a href="https://www.facebook.com/greenhouseschoolwebsites/" target="_blank"><img loading="lazy" src="/images/2022/footer/social/facebook.png" alt="Facebook"></a> </li> <li> <a href="https://www.instagram.com/heygreenhouse/" target="_blank"><img loading="lazy" src="/images/2022/footer/social/instagram.png" alt="Instagram"></a> </li>  </ul> </div> </div> <div class="middle-col">  <form action="https://service.capsulecrm.com/service/newlead" method="post" name="ContactForm" id="contactform22">  <h2>Hi, I'm interested in…</h2><br>  <input type="hidden" name="FORM_ID" value="72a013be-f8ec-4505-85a1-e5177b8e0c8e"> <input type="hidden" name="COMPLETE_URL" value="https://www.greenhouseschoolwebsites.co.uk/ContactUs/ThankYou/index.asp"> <label for="CUSTOMFIELD[Interest_Bespoke]" class="label_check"> <input type="checkbox" id="CUSTOMFIELD[Interest_Bespoke]" name="CUSTOMFIELD[Interest_Bespoke]" value="Y"> Bespoke websites </label> <label for="CUSTOMFIELD[Interest_Prosp_Branding]" class="label_check"> <input type="checkbox" id="CUSTOMFIELD[Interest_Prosp_Branding]" name="CUSTOMFIELD[Interest_Prosp_Branding]" value="Y"> Prospectus or Branding </label> <label for="CUSTOMFIELD[Interest_App]" class="label_check"> <input type="checkbox" id="CUSTOMFIELD[Interest_App]" name="CUSTOMFIELD[Interest_App]" value="Y"> Mobile apps </label> <label for="CUSTOMFIELD[Interest_MockUp]" class="label_check"> <input type="checkbox" id="CUSTOMFIELD[Interest_MockUp]" name="CUSTOMFIELD[Interest_MockUp]" value="Y"> Free Mockup </label> <br>  <input type="text" name="PERSON_NAME" value="" id="PERSON_NAME" placeholder="Name"> <input type="text" name="ORGANISATION_NAME" id="ORGANISATION_NAME" value="" placeholder="School"> <input type="text" name="EMAIL" id="EMAIL" value="" placeholder="E-mail address">  <textarea name="NOTE" rows="5" id="NOTE" placeholder="Message (optional)"></textarea> <style type="text/css" scoped> #comment-field { display: none; } </style><input id="comment-field" type="text" name="COMMENT" />  <input type="submit" value="Send"> </form> </div> <div class="right-col">  <p class="meeting"><span>Fancy a meeting?</span><a href="https://calendly.com/greenhouse-websites/webconference?embed_domain=www.greenhouseschoolwebsites.co.uk&embed_type=Inline&hide_landing_page_details=1&hide_gdpr_banner=1&primary_color=9dcf32&back=1&month=2022-05"><img loading="lazy" src="/images/2022/footer/meeting.jpg" alt="30 minute video meeting"></a></p>   </div> </footer> <section id="sub-footer"> <div class="wrapper2022"> <img loading="lazy" src="/images/2022/footer/gsw-ic.png" alt="Greenhouse School Websites" class="gsw-logo"> <p>1 Highbridge Wharf, Greenwich, London SE10 9PS   |   T 0800 955 3999   |   <a href="mailto:info@greenhouse.email">info@greenhouse.email</a><br> 漏 Greenhouse School Websites 2025   |   <a href="/Legal">Legal Notices</a></p> <p>We are registered with the Information Commissioner's Office under our legal registered company name,<br>Vividise Ltd, Registration number: Z1273646</p> </div> </section>          <script src="https://use.typekit.net/brf8cpq.js"></script> <script> try { Typekit.load(); } catch (e) {} </script>  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>  <script src="/inc/js/min/scripts-min.js"></script>   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-1173691-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-1173691-2'); gtag('config', 'AW-998342691'); gtag('config', 'G-D3WKS2XS8M'); </script>   <script> ! function (e, t, n, s, u, a) { e.twq || (s = e.twq = function () { s.exe ? s.exe.apply(s, arguments) : s.queue.push(arguments); }, s.version = '1.1', s.queue = [], u = t.createElement(n), u.async = !0, u.src = '//static.ads-twitter.com/uwt.js', a = t.getElementsByTagName(n)[0], a.parentNode.insertBefore(u, a)) }(window, document, 'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init', 'nupav'); twq('track', 'PageView'); </script>     <script type="text/javascript" charset="UTF-8" src="https://s3-eu-west-1.amazonaws.com/gsopublic/Cookie+Script/CookieScript_1.js"></script> <script> (function (d) { var s = d.createElement("script"); s.setAttribute("data-account", "UbbvqrUS8R"); s.setAttribute("src", "https://cdn.userway.org/widget.js"); (d.body || d.head).appendChild(s); })(document) </script><noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> <script type="text/javascript"> $(document).ready(function(){ $("div.portfolio-container").hover( function(){$("iframe:nth-of-type(even)").hide();}, function(){$("iframe:nth-of-type(even)").show();} ); }); </script> </body> </html>

CINXE.COM

School website design and prices | Greenhouse School Websites