web design trends 2014

• Flat design

• Large feature images

• Parallax scrolling sites

• Beautiful typography

• Responsive design

In this presentation we discuss

Flat Design

• No more “eye-popping” gradients or

shadows

• Strong focus on colour

• Flat buttons still look clickable and the

input fields still look editable

• Layouts still look interactive but without

the more exquisitely refined graphics

Flat Design

Apple

Apple

Large hero areas

quickly killing

simple sliders

• Often an image with a little amount of

text, at the top of a website

• A borrowed term from print design

• They are here to replace sliders and are

increasingly creative and elaborate

• These images can be elaborate and

illustrated or simple images which are

slightly blurred

Large Hero Areas

Videos in Place of Text

Coin

Manuel Rueda

Long Scrolling Sites

(Parallax)

Cyclemon

Sony

Beautiful

Typography

Slam Dunk History

London to Paris

Responsive Design

Slam Dunk History

Slam Dunk History

Creative Spark

How we fit in

• Flat design - no gradients on buttons or navigation but the call to action still looks clickable.

• We feature large hero images with small amounts of text on all pages. This immediately attracts the user’s attention, especially if the image is well photographed or creatively made.

• Although our new site has multiple pages – we have a nifty little feature on top of all pages.

• Use of beautiful typography in headings.• And of course, our website is responsive.

Web ‘pro’ prediction for 2014

• Flat design

• Large feature images

Web ‘pro’ prediction for 2014

• Flat design

• Large feature images

• Parallax scrolling sites

Web ‘pro’ prediction for 2014

• Flat design

• Large feature images

• Parallax scrolling sites

• Beautiful typography

Web ‘pro’ prediction for 2014

• Flat design

• Large feature images

• Parallax scrolling sites

• Beautiful typography

• Responsive design

Web ‘pro’ prediction for 2014