{"id":3440,"date":"2019-07-04T15:55:27","date_gmt":"2019-07-04T14:55:27","guid":{"rendered":"https:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/?p=3440"},"modified":"2020-01-28T13:38:50","modified_gmt":"2020-01-28T13:38:50","slug":"coastal-seaside-school-website-design","status":"publish","type":"post","link":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/2019\/07\/coastal-seaside-school-website-design\/","title":{"rendered":"10 Examples of Coastal School Website Design"},"content":{"rendered":"

With the summer holidays approaching fast, we\u2019ve been thinking a lot about trips to the beach, buckets and spades, and seagulls stealing our chips (as well as website design, obviously)!
\nOne great way to make your school website truly unique is to have a skyline illustration, especially if your school is based in a gorgeous location. Here’s a selection of 10 coastal school website designs featuring the beach, the ocean, sea life and other nautical themes on the homepage design.<\/p>\n

Cradle Hill Community Primary School<\/h2>\n

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

Cradle Hill Primary School is right next to the sea, and they wanted this reflected in their website design. In the distance of their illustrated background, you can see Seven Sisters Cliffs, the white chalk cliffs along the East Sussex coast. The design also features a lighthouse on an island, sailing boats, and a variety of sea life, many of which share names with the classes at the school.<\/p>\n

 <\/p>\n

Harbour Primary & Nursery School<\/h2>\n

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

The skyline on this school website design shows an illustration of the coastal area of Newhaven, including the harbour and lighthouse. Sea birds and ships can also be seen in the water. The nautical theme is felt throughout the website due to the use of shells and a ship\u2019s bell.<\/p>\n

 <\/p>\n

Cubert School<\/h2>\n

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

 <\/p>\n

Based in Newquay, Cornwall, it seemed only right that Cubert School\u2019s website design featured the coastline.\u00a0 In the distance behind the town, the beach and ocean can be seen, with a surfer enjoying the waves. The leaves along the top of the page give the impression that you are sat under a tree enjoying the view. Additionally, a seagull sits next to \u201cOur Motto\u201d, and a whale can be found next to \u201cLatest news\u201d.<\/p>\n

 <\/p>\n

St Mary’s Church of England Primary School Website<\/h2>\n

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

The design for this website is delightful; the little sailing ship in the illustration bobs up and down gently in the water. Meanwhile, a Norman church that is near to the school can be seen in the distance.<\/p>\n

 <\/p>\n

Saltdean Primary School<\/h2>\n

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

Saltdean Primary School\u2019s coastal design extends all the way down the page; at the top, you can see the coastline, and the school\u2019s logo sits in the sun. Additionally, a boat can be seen in the sea. As you scroll down the page, the view goes underwater, showing shadows of fish in the watery depths. Meanwhile, the seabed, which is populated by brightly coloured seaweed, crabs and shells, can be found at the bottom of the page. Additionally, little details such as a life ring, a compass, starfish, and a ship wheel can be found throughout the website.<\/p>\n

 <\/p>\n

Corton C.E Primary School<\/h2>\n

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

Sharks, whales, seahorses and starfish can be spotted in the underwater scene on this coastal school website design. At the top of the page, website visitors can see land, featuring the school, the village of Corton, and a duck pond in the local woodland.<\/p>\n

 <\/p>\n

Cockington Primary School<\/h2>\n

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

 <\/p>\n

Nestled in a wooded valley near the tourist town of Torquay is the village of Cockington. Cockington Primary School is located just a few hundred meters from the beach! We have captured this in a lovely bespoke skyline illustration for the header of the school\u2019s website. The rest of the website uses several blue tones taken from the school\u2019s logo.<\/p>\n

 <\/p>\n

St Jude’s C of E Primary School<\/h2>\n

\"st-Judes<\/p>\n

St Jude’s C of E Primary School is based in Portsmouth, so a coastal website design was a natural choice. The Portsmouth skyline can be seen in the distance, whilst the Spinnaker Tower can be found on the right of the page. The website features a mixture of ships, including cruise liners, sailing boats and a large galleon.<\/p>\n

 <\/p>\n

Hornbeam Primary School<\/h2>\n

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

Finally, Hornbeam Primary School\u2019s skyline shows the coastline near the town of Deal, including the pier and other local landmarks. The school also wanted a small photo gallery on the website, which is displayed in a leafy, green frame. The grass on the skyline continues down the page in the background, and the footer is earth colour, with the added detail of visible roots.<\/p>\n

 <\/p>\n

\n

Need some more inspiration?<\/h2>\n

Take a look through our extensive\u00a0school website design portfolio<\/a>\u00a0for some ideas. Or, take a look at some\u00a0illustrated websites with local landmarks<\/a>, or some of the school website designs we\u00a0launched in May 2019<\/a>.<\/p>\n

Finally, you can read more about bespoke illustrations and other additional features to add to your school website here<\/a>. Want to get straight into the numbers?\u00a0Click here to check out our pricing<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

With the summer holidays approaching fast, we\u2019ve been thinking a lot about trips to the beach, buckets and spades, and seagulls stealing our chips (as well as website design, obviously)!
\nOne great way to make your school website truly unique is to have a skyline illustration, especially if your school is based in a gorgeous location.<\/p>\n","protected":false},"author":12,"featured_media":3460,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[42],"_links":{"self":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3440"}],"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=3440"}],"version-history":[{"count":0,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/posts\/3440\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media\/3460"}],"wp:attachment":[{"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=3440"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=3440"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.greenhouseschoolwebsites.co.uk\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=3440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}