Website Trends for 2014

Author: Gina
Rare Company

Avatar for Gina Grainger Windridge

Front End Web Developer, Social Media, Search Engine Optimisation

Connect via Google+ Profile

website design trends 2014 image

Apart from designing responsively, a good web design agency needs to keep up with advances made to coding and design elements on the world wide web, whether it’s the way websites look, or how they function. These new website trends allow for websites to be much more than sources of information, but sites that pushes boundaries and looks mighty fine to boot!

  1. Parallax Scrolling

Parallax may not be brand new to web design, in fact parallax began to trend in 2012 but only now is it really being utilised well when partnered with responsive design. Parallax is used to create the illusion of depth on a website by allowing an image, or text to scroll at a different pace to the browser. This website trend has been used here at Rare Company for our client Ethos Environmental Planning – front page detail below. See our case study or visit the site.

parallax website trend

  1. Flat UI design

Flat UI design was first seen on mobile apps, its simple yet colourful interface allowed users to navigate smaller screens with ease. Now with the development of mobile-ready websites, the designs of said sites have to adapt to the ever shrinking mobile screens. Flat UI design on websites makes for a great blend of buttons, bright colours and blocks of colour to create an eye popping design that’s easy to use.

  1. Grid layouts (masonry)

Masonry is a type of javascript coding that facilitates responsive resizing for sections of websites, or sometimes for whole sites. It produces fluid movement on a grid layout which appears to slot and slide into place when a browser is re-sized. The achieved effect allows for a site to adapt to an unlimited number of screen sizes, while appearing modern and fresh.

Masonry can be adapted to create dynamic sites with a variety of interesting content. We have used masonry within this site on our Work pages and also for our new site for Trust New Art Bristol (image detail below).

masonry website trend

  1. Font-based icons

In the past, web designers have used images for buttons or icons and while this achieves the desired effect, heavy use of images on websites can cause them to slow down and subsequently deter visitors. A workaround has been created where web developers can call in a font that will allow them to create icons using said font.

Using this website trend, designers can use icons in abundance. Within our site the icons of items such as the bike and crown below, are actually the letters ‘O’ and ‘K’.

icon font website trend

  1. Mega navigation menus

Navigation menus on websites have been a constantly changing topic for the past few years. They have developed from being a simple list of pages, to menus that can contain summary information of key areas of the site itself, follow the page as you scroll and disappear again with a tap of the screen.

With the need for more information, more easily accessible on websites, a mega menu navigation can be the key to success. These menus can contain anything from newsletter sign up forms, to maps of locations and user polls. Here’s an image of one in use for our client Trust New Art Bristol.

mega menu website trend