Home / Ideas & Insights / Blog / 7 Website Design Trends To Look Out For In 2015

7 Website Design Trends To Look Out For In 2015

During 2014 we have seen the typical website change and adapt to reflect how users interact with computers and mobile devices. In short, web design this year has been about ‘keeping it simple’ and straight to the point.

In 2015 you can expect to see more simplified websites. With the concept of ‘simplicity’ in mind, here are some trends to watch out for in the New Year.

1.     Responsive

This one’s been trending for about 3 years so not exactly a fresh trend. However, in 2015, responsive design will be expected. Put simply, if your site is not responsive – you need a redesign. Google now takes mobile friendly sites into consideration when ranking them; such a simple change can seriously impact your web presence.

2.     Typography – Fonts with personality

Long gone are the days of Arial, Helvetica and Times New Roman. With the Google font library continuing to expand, we are beginning to see more stylish fonts. In 2015, we will see a lot more attention to responsive typography; allowing users to read text clearly regardless of the device they are using. All the magical fonts you are used to seeing in print are beginning to take centre stage online.

4th typography

An example of typography with personality is BoxedUpParty

3.     Parallax Scrolling

Parallax scrolling is a smooth technique where the foreground images move faster than the background images. My first experience using Parallax for a client was at the start of 2013 – and since then the online community has embraced the effect and further supported it. Personally, I think parallax is fun and perfect for storytelling. This technique can truly bring your website to life and further engage your customers.

For an example of parallax scrolling – see the ‘Reasons to belong’ section on the BCFA Website

4.     Large Background Images

When you first log onto a web page you will find there is content that is not in view until you start scrolling. This content is known to be “below the fold”. However, ‘the fold’ is no longer relevant as users have become accustomed to scrolling.

So there is no reason to be afraid to incorporate a large beautiful background image to your website.  It is worth considering the picture and making sure it is actually beautiful – there is no point putting a large image in if it doesn’t look nice.

Some images can be quite large in file size and will prevent your site from loading quickly. I personally use tools like jpeg mini to reduce the file size without compromising quality.

background images-1024x600

5.     “Ghost Buttons”

The ghost button is a transparent button that has a very subtle hover animation. They’re simply minimal and stylish and you will see these widely used across websites in 2015. This type of button works particularly well as a ‘call to action’ when implemented over large background images or even a video.

ghost-buttons 4th

6.     Flat Design

Apple’s iOS 7 gave us the first glimpse of “flat design”.  It wasn’t long ago designers were using Gradients and bevel effects. However the concept of flat design puts the main focus on the content itself and modernises the appearance of your site. We are also beginning to see animation and very subtle gradients being used with flat design to retain a sense of the tangible world.

IOS-January-4

7.     Video replacing text

You are familiar with the term ‘a picture says a thousand words’ right? Well if there are 24 pictures every second in a video, and the video is 60 seconds long – well, that’s 1,440,000 words. Videos are a great way to deliver a key message that can be well remembered. The advancement of technologies in 2015 will allow video content to load quickly – even on mobile devices using 3G/4G.

To find out more about our Web design services, get in contact with us on 0845 456 1022 or contact us online.

Back to ListingPreviousNext

Comments

No posts found, be the first!

[b]Bold Text[/b]
[i]Italic Text[/i]
[u]Underline Text[/u]
[size=12]Sized Text[/size]
[color=red]Coloured Text[/color]
[quote]'Quote Text'[/quote]
[url]http://example.com[/url] or [url=http://example.com]Example[/url]
[img]http://example.com/image.png[/img]
[list][*] Point one [*] Point two[/list]

Copyright © 2016 Intergage Ltd  |  All Rights Reserved  |  Registered in England  |  Company No. 03989761  |  VAT No. 754 8431 12