Digital Marketing

Top 10 Design Trends for School Websites in 2019

January 29, 2019

Want to stand out from the crowd with your school website? Perhaps you are struggling for design ideas? Well fear not... our Digistorm designers have put together a list of the top 10 design trends which are circulating the net. Based on some of the biggest and most well known websites out there, we have taken a look at their key design features and what makes them stand out!

 

1. Flat design/Minimalist

These days, many websites are opting for a more contemporary and minimalist look. Plain coloured backgrounds and clean-cut layouts can make for a fresher look.  When it comes to keeping a visitor on your website, it is important not to overwhelm them with information and icons. Opting for a cleaner design makes it easier for visitors to navigate the page and take in more content.  

AirbnbUberMailchimp

 

2. Illustrations 

Illustrations are very good at setting the scene and visualising content.  They also break up text and provide splashes of colour, which works really well on plain backgrounds.  The illustrations below are effective at welcoming visitors to the website and providing context.

AirtableHeadspaceSlack

 

3. Large Typography

We have noticed that large typography is all the rage at the moment, and for good reason. It is great at drawing reader's attention to the main message and creating context. In line with the contemporary vibe, big typography provides a clean and modern style.

ApostrophePaper-TigerSquarespace

 

4. Organic and Geometric Shapes

What better way to give your website a modern finish than to add abstract shapes? Like colours, shapes can change the page up and make it more interesting to look at.  Trendy websites such as Mawla and Typeform use shapes to add subtle detail to their webpages, without looking too busy.

MawlaThe-Art-CenterTypeform

 

5. Broken Grid Layouts

Carrying on from the shapes theme, a broken grid layout breaks out a blank canvas by providing a fun and interesting design.  Instead of reading content in straight lines, broken grids encourage visitors to look at various sections of the webpage.

Ortiz-LeonAffinityElegant-Seagulls

 

6. Micro Interactions/Animations

Some of the most captivating websites out there use video animation to attract and entertain visitors. Micro interactions and animations are fun and interactive, causing visitors to engage in your content and stay on the page for longer.  Some of our favourites being, Skyfirst and Google.

ReveleGooglePorto_Business_School

 

7. Chatbots and Interactivity

Chatbots are all the rage at the moment, and are proving a useful tool when interacting with website visitors. Major websites have incorporated chatbots into their websites in order to tackle customer queries and issues. Chatbots take the hassle out of waiting in line on the phone to speak to a customer representative. Providing they are manned efficiently, they can be time and cost effective for both parties.

HipmunkHubspotIntercom

 

8. Videos and Image Manipulation

Similar to micro interactions and animations, videos are amazing at captivating your audience.  If a visitor can play around and interact with your webpage, then you have already caught their attention. Which in turn, makes your website more memorable to the visitor. Furthermore, websites are finding ways to present their imagery in a more creative and integrated way. Overlapping images and placing them on flat backgrounds are popular trends we are seeing at the moment.

Cadigal Spotify SkyFirst

 

9. Overlapping Design Elements 

Overlapping works in a similar way to broken grid layout.  It provides a contemporary feel, whilst giving hierarchy to certain content on the page. Burst of colours and shapes grabs the attention of the reader and makes the webpage more interesting to look at.

Elim-Chan Brave-People Affinity (1)

 

10. Effective Use of Colour

Gauging how much colour to use on your website is important.  While it is effective to use different colours and layouts, you don’t want to flood your website in all the colours of the rainbow. Instead, use opposing colours for specific things to draw attention to certain areas of the page. For example, if you want to draw attention to a call-to-action or a drop down menu, use a contrasting colour to the rest of the page.

 

Mailchimp (1) Method The-Outline