School Web Design Trends for 2018

Written by Pano Savvidis // May 2, 2018

As a school, your school web design is your first impression. That means it’s also where your conversion opportunity lies – if you want to attract new parents/guardians and increase enrollment, having a remarkable website is the best place to start.

There’s nothing wrong with having a school website that looks similar to others, but you need to stand out among your competitors in some way. This is why in this article we’ll be discussing the 2018 trends of school web design.

 

The key components of a school website

To make your school website complete and perfect in 2018, you need the following key components.

  • Unique and eye catching design
  • Ofsted requirements (Download a checklist here.)
  • GDPR compliance
  • Responsive mobile friendly web pages
  • Search engine optimisation (SEO)
  • Contact page with an email form
  • Map showing your location
  • Availability and Booking system
  • High quality hosting

Each website is unique, but the successful ones generally follow a winning formula that contains the above elements.

 

Directing visitors towards the most important bits

Understanding influential visual cues will allow you to come up with a persuasive design that guides parents’ eye flow for maximum conversions.

Start with prioritising your website goals for a good visual hierarchy. List key points that visitors want to see on the school website. Then, prioritise and arrange them according to their visual importance.

You can use two types of directional cues to help you direct visitors towards the most important bits. Explicit cues take the form of arrows or lines while implicit cues use imagery to subtly direct your prospect’s gaze.

 

The principle of contrast

contrast school web design

Contrast is defined as the difference between two or more elements. It creates visual interest and directs the attention of the user. Here’s an example of a school website that uses contrast.

If all of the elements on a school web page were the same in style and appearance there would be no organisation or hierarchy and the content would be nearly impossible to digest.

This makes contrast an essential part of effective school web design. It takes practice to learn and create the right amount of contrast in your designs but you can start by studying the work of talented designers to see how they use contrast.

 

Use User Stories to Build Your Website

A user story is a very short story – usually, about one sentence long, that describes something that the user wants to accomplish by using a service.

A good user story should be simple, engaging and accessible to a range of audiences, for example, young parents to old parents.

Stories can be written, drawn, spoken, or recorded. They are a powerful tool throughout multiple stages of the design process and can help persuade your audience.

drone footage school website http://Hawksworthceprimary.org

Less can sometimes be more

Minimal web design doesn’t compromise your creative cutting edge. Your website doesn’t have to be too cluttered or glossy.

Visitors value a minimalist interface when navigating your school website as well as your social media pages.

Apply minimalist principles to make your school web design attractive and effective with fewer elements, simplifying and improving users’ online interactions. Check out examples here.

 

Implementing psychological motivators

Having a complete understanding of your audience will help you trigger the desired behaviour and increase enrollment.

There are some motivating factors that drive behaviour or key interactions on your school website. For example, the motivation analysis of your audience might reveal that parents in your area are curious, young and intelligent.

Be smart and create relevant content for your audience on your website. This is how you will convince them to choose your school over other schools in the area.

 

Responsiveness is key to a conversion centered design

Responsive school web design is the approach that suggests that design and development should respond to the user’s behaviour and environment based on screen size, platform and orientation.

As the spectrum of screen sizes and resolutions is widening every day, creating a different version of a school website that targets each individual device is not practical. The solution is a responsive web design for your school.

The number of users web browsing on mobile devices increases by 25% every year and mobile is the number one choice of device for accessing the Internet and social media.

With a responsive school web design, you will enable people using multiple devices (smartphones, tablets, desktops) to view your website properly.

 

Try before you buy

There are many school web design providers that allow schools to test out websites for free before deciding whether they want to pay for them. With School Jotter, you can start a free trial for 15 days!

Buying a website before trying it can be a big mistake that will affect your budget and the school community.

 

If you are after an outstanding school website, Webanywhere can help you using our School Jotter website builder. Join over 4,000 schools in the UK that use School Jotter websites, mobile apps and educational software.

Get In Touch:

Your Full Name *

Your E-mail Address *

Your Telephone *

Enter your message here *

Thank You, your message has been sent.

Academy Schools

access

access device

Activities

advice

affordable

anti bullying

anti bullying month

Anti-Bullying Week

app

apps

assembly

assignments

Attainment

attendance

auditory

Augmented Reality

authentic learning

bbc micro bit

beatrix potter

Becta Guide

behaviour

Behaviour Management

behaviour management software

bespoke lesson content

best

Best Practice

BETT

BETT 2014

better

birthday

blog

Bloganywhere

blogging

blogging in school

blogging tools

Blogs

Bradford

brainwashing

budget

bullying

careers

ceop

charles dickens

children

christmas

Christmas message

class

classes

classroom

Cloud Computing

Collaboration

communication

Competition

confusing

continued professional development

CPD

Create your own character competition

creative school resources

cyberbullying

cyberbullying in school

Department for Education

Derbyshire

design

design your own egg

Differentiation

don'ts

dos

dropbox

e-learning

e-learning advice

e-learning events

e-learning in the classroom

e-portfolio

e-Portfolios

E-Safety

e-safety experts

e-safety in schools

e-safety survey

e-safety training sessions

Early Childhood Education Degrees

Early Years

easter competition

easter egg competition

easy to use

Ebacc

edtech

Education

Education and Technology Conference

education experts

education products

education technology

Education Tools

educational apps

educational technology

elearning

elearning apps

elearning competition

English

Enterprise day

eportfolio

esafety

esafety survey

Events

evernote

evolution of technology in schools

expert

experts

free e-learning products

free moodle events

free resources

free teacher events

free teacher webinar

free worksheets

French

Funding

gamification

GCSE

GDPR

Google

Google Apps

government

government guidelines

grades

Guest Infographic

guides

Handheld devices

Hardware

head office news

head teacher advice

head teacher of the week

help

helpful

History

Holy Family Catholic School

homework

homework block

homework month

homeworkanywhere

how to learn faster

how-to

ICT

ideas

IMLS Framework

improve

influential schools

Infographic

integrated e-learning solutions

Interactive Whiteboards

iPad

iPads

iPhones

jargon

Jobs

jotter

jotter mobile

Jotter Mobile app

Keighley

keynote

kids

kinesthetic

Laptops

laughing

LCMS

learn faster

learn faster advice

learn faster tips

Learn module

Learnanywhere

learner device

Learner Journey

learning

learning experience

learning faster

Learning Light

learning management

learning management system

learning management systems

Learning Platform

learning platforms

Learning Services

learning solutions

learning technologies

learning technology providers

Leicestershire

lesson plan

lesson planning

lesson plans

Literacy

literature

London

m-learning

Maths

mathsanywhere

message

messaging

microsoft

mindfulness in the classroom

missed

mlearning

Mobile

mobile app

mobile apps

mobile apps for schools

Mobile Friendly Websites

mobile learning

mobilegeddon

Modern Foreign Languages

money

MOOC

Moodle

Moodle 2

moodle 3.1

moodle 3.1 new features

Moodle 3.2

Moodle 3.4

moodle birthday

Moodle Conference

moodle experts

moodle lms

Moodle partner

Moodle SIMS Integration

moodle updates

moodle vle

most popular school website

Multi Academy Trust

Multi Academy Trusts

multiculturalism

national curriculum

Netbooks

new e-learning products

new elearning products

new elearning tools

New Ofsted Framework

news

newsanywhere

North East

North Yorkshire

Nottingham

Nottinghamshire

NQT

Numeracy

office 365

Ofsted

ofsted e-safety inspections

ofsted requirements for websites

ofsted school website requirements

online

Online Collaboration

Online Games

online learning

online learning solutions

online rewards system

online safety

online spellings tests

online tools

parent

parent communication

Parent Messenger

Parental Engagement

parents

passwords

Personalised Learning

Persuasive Technology

phishing

phone

Phonics

photos

Pi

pizero

planbook

podcast

Podcasting

poems

Poetry

powerpoint

presentation

press releases

Primary

primary education

primary lesson plans

Primary School

primary school competition

primary school website

primary school websites

primary schools

Prize

Procurement

product

professional development

promoting e-safety in school

PTT

pupil premium

pupil premium webinar

push notification

push notifications

quickvoice recorder

Radioanywhere

Raspberry

raspberry pi

RE

recruitment

reducing stress

Resources

responsive websites

revision

Riots

Safe Social Networking

Safeguarding

safety

save

school

school blogging

school blogs

school broadband

school competition

school eportfolio

School Information Regulations

school internet

School Jotter

school mobile app

school mobile apps

School Payments

school tips

School Web Design

School Website

school website design

school website help and advice

school website offers

school website system

school websites

Schoolanywhere

schools

schools technology

Science

scores

Sean Gilligan

Secondary

secondary learning platform

Secondary School

secondary school teachers

Secure Social Networking

security

SEN

senior leadership team

sharepoint

Shift Fatigue

silliness

SIMS

SKE

smartphones

SMS

Social Media

Social Networking

South Elmsall Carlton Junior & Infant School

spelling software

spellings

St Andrew’s Junior School

Studen

student engagement

Student Jotter

study

studying

studying tips

style

substitute teachers

Sugata Mitra

summary blog

support

tablets

teacher

Teacher Engagement

teacher resources

teachers

Teaching

Teaching Resources

tech savvy techer

technology

technology in education

technology in school

technology in schools

technology in the classroom

Test

text

texting

The Academies Show

The Achievement of Pupils

The Behaviour and Safety of Pupils

The BETT Show

The Quality of Leadership and Management

The Quality of Teaching

timeline

tips

tom starkey

top tips

Totara

totara lms

Tour de Yorkshire

training

training courses

tricks

Twitter

University

USA Moodle Partner

usage

useful

Video

video tutorials

Videocasts

virtual learning environments

virtual learning platforms

visual

VLE

vles

ways to save teachers time

Web Design

Webanywhere

webanywhere birthday

webanywhere events

webanywhere history

Webanywhere new products

webanywhere news

webanywhere office

webinar

Website Content

West Yorkshire

World Citizenship

York

Yorkshire