Web Design Trends 2014

Web Design Trends 20145 major trends and how you should use them for your business.

Web Design Trends 2014 - www.tobiasgebauer.com

- About me- Responsive web design- 5 major trends- Final thoughts

#1About

About me

-Web Developer for 15 years- Online Marketing - I love Web Design

About meWorking at 4c media www.cccc.de in Germany

#2Responsive

Mobile Website

- Parallel website besides the main website- Different content- Optimized for a few devices- m.yourwebite.com- 2007 to 2009

Technology

- Tablets & Smartphones- New devices monthly- Desktop 22” or more- No one screen size has

more than 20% of the market share

(Source: Mobify Research & Development)

Responsive Web Design

- First mentioned 2010 by Ethan Marcotte- Proportion-Based Grid- CSS3 media queries- Became the standard

Responsive vs. mobile website

- No duplicate content issues- Completely device independent- Full functionality and content- Better long-term solution- Recommended by Google

http://theme-fusion.com/avada/

http://hogash-demo.com/kallyas_wp/

Standard 2010-2012

-Website optimized for the desktop- Too many content elements on the website- Too long pages on smartphones and tablets- Lost control over the sequence of content (i.e.

sidebar below main content)

Graceful Degradation

- Bad performance- “Weak” systems

are not considered- Difficult to

upgrade

Mobile first in 2013

- Mobile first and content first approach with progressive enhancement became popular

Content First

- Concise content- Optimal

presentation on all devices- Best performance- Easy extendable

Content -> Design Behavior->

http://wootten.com.au/process/

http://myrainbownursery.co.uk/programmes

http://kinhr.com/

Trends 2013

- Sticky header- Flat design and bold colors- CSS3 Animations and

parallax effects- One-Page website- Grid websites like Pinterest

#3Trends 2014

Content-Centered“Design should never say ‘Look at me.’ It should always say, ‘Look at this.’”

- David Craib

5 major trends 2014

- Storytelling- Big content blocks- Bold typography and decent colors- High-Quality pictures and videos- One-Page websites

https://signwithenvoy.com/

http://www.michieldegraaf.com/tone

http://focuslabllc.com/services

http://www.martinasperl.at/

http://sidigital.co/lab

Big Content Blocks

- Great for responsive web design- Good for storytelling- Focus the readers attention on ONE statement- Use bold web fonts and a lot of whitespace- Separation with color- Combine with pictures

http://getgoingtoday.org/

http://whiteboard.is/

https://www.numbrs.com/ukhttp://www.squarespace.com/stories/http://getgoingtoday.org/http://getgoingtoday.org/

http://www.internet.org/

Videos

- Perfect for storytelling- Create emotions and a closer connection- Users stay much longer on your website- Visitors perceive a higher quality of your

company, product or service

#4Thoughts

Good Design“Design must reflect the practical and aesthetic in business but above all... good design must primarily serve people.”

- Thomas J. Watson

For your business

- Responsive web design is a MUST HAVE!- Invest in high quality pictures and videos

and avoid stock images at all- Tell a story and concentrate on the benefits

for your customers- Expect a new web design every 2-3 years

Thank you!

- See the presentation here www.slideshare.net/tobiasgebauer47/webdesign-trends2014

Web Design Trends 2014

responsive

services http

ukprogrammes

auprocess

http

tone http

mobile website

http

Design

Web Design Trends 2013

Web design trends 2010

Web design trends 2017

Conversion design: web design trends 2014

Web Design Trends 2011

Webinar: Web Design Trends

Web design trends for 2010

Trends in Web Design | Web Design Charlotte | Charlotte NC

Contemporary Trends In Web Design

Web Design : 20 Hottest Trends

Web design ux trends 2013

Web Design Trends For 2016

Web Design Trends 2016

Web design trends

Useful Web Design Trends 2016 | Latest Web Design Trends

Modern Web Design Trends 2016