web design trends 2014
TRANSCRIPT
• 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