Web design trends for 2010

by Tijs Vrolix on Nov 12, 2009

65,709 views

Can’t wait for 2010? Here’s a number of web design trends to prepare yourself already. Presentation for Boondoggle & Rabobank Corporate Communications.

More…

Can’t wait for 2010? Here’s a number of web design trends to prepare yourself already. Presentation for Boondoggle & Rabobank Corporate Communications.

Less

Embed Views

http://www.slideshare.net	1200
http://www.fischmarkt.de	557
http://learning.fresno.edu	473
http://onstuimig.nl	467
http://www.studioalfa.pl	464
http://www.ischool.in.th	391
http://www.keksbox.com	340
http://reklama-marketing.pl	191
http://mykurven.wordpress.com	101
http://jijenikontwerpers.blogspot.com	89
http://intranet.immanuel.qld.edu.au	89
http://introtoreadwriteweb.weebly.com	87
http://www.ninetea.com	83
http://www.xtense.be	80
http://www.waywayway.nl	75
http://nicholasgimenes.blogspot.com	72
http://static.slidesharecdn.com	55
http://marketinginternetowy.jogger.pl	45
http://blog.espol.edu.ec	41
http://fanoalfano.blogspot.com	37
http://www.myepinion.de	32
http://www.machm-it.eu	31
http://mediamilan.com	29
http://alhaqqagency.wordpress.com	20
http://hawhybrids.blogspot.com	19
http://pitch2011.quoteroller.com	19
http://blog.kreation.intranet.deepblue	14
http://www.projectbigfish.com	11
http://dontmindrick.com	10
http://www.levidepoches.fr	10
http://www.leadsexplorer.com	10
https://webcourses.niu.edu	10
http://opentextdesign.igloocommunities.com	10
http://www.cnblogs.com	10
http://translate.googleusercontent.com	8
http://mezsuliblog.blogspot.com	7
http://www.jonreil.com	7
http://projectbigfish.com	7
http://www.levidepoches.blogs.com	6
http://keksbox.com	6
http://concisecopywriter.blogspot.com	6
http://rickmans.posterous.com	6
http://sanderkolthof.tumblr.com	6
http://innofaci.tumblr.com	5
http://blog.syosys.com	5
http://kuerner.posterous.com	5
http://www.rss-ais.com	4
http://blog.diederikdijkstra.nl	4
file://	4
http://webcache.googleusercontent.com	4
http://artthink27.blogspot.com	4
http://www.keen-agency.de	3
http://herramientas2punto016.blogspot.com	3
http://www.hawhybrids.blogspot.com	3
http://blog.sanderkolthof.nl	3
http://alfanohermawan.blogspot.com	3
http://1792853827.nvmodules.netvibes.com	2
http://feeds.sinnerschrader.de	2
http://newsshala.blogspot.com	2
http://cdt.schalk-office.de	2
https://blackboard.suffolk.ac.uk	2
https://thesource.shoplocal.com	2
http://grafikdsign.com	2
http://blog.sinnerschrader.de	2
http://keksbox.drupalizers.com	2
http://feeds2.feedburner.com	2
http://lukasloesse.com	2
http://blobinabottle.posterous.com	2
http://drupal.machm-it.eu	2
http://safe.tumblr.com	2
http://machm-it-test.lernm-it.de	2
http://www.weebly.com	1
https://swc.blackboard.com	1
http://posterous.com	1
http://www.techgig.com	1
http://mia.jay-han.com	1
https://cybozulive.com	1
http://mia.jay-han.com	1
http://s.deeeki.com	1
http://va:1000	1
http://www.arteinsiemefano.co.cc	1
http://www.tumblr.com	1
http://myfever.info	1
http://chrisrutz.de	1
http://www.genexis.lv	1
http://74.125.47.132	1
http://boskabout.wordpress.com	1
http://74.125.153.132	1
http://www.vlstmedia.com	1
http://feeds.feedburner.com	1
http://209.85.135.132	1
http://designbay.ru	1
http://www.mefeedia.com	1
http://uxslides.posterous.com	1
http://www.grafikdsign.com	1
http://www.blog.syosys.com	1
http://reader.youdao.com	1
http://blog.davidmarlowdesign.co.uk	1
http://twitter.com	1
http://www.ais-inter.com	1

More...

Statistics

Favorites: 252
Downloads: 3,828
Comments: 24
Embed Views: 5,340
Views on SlideShare: 60,369
Total Views: 65,709

Web design trends for 2010 — Presentation Transcript

2010 corporate Webdesign trends

Tijs Vrolix @tijs on Twitter

So how did we get here? By Detlef C on Flickr

A brief history of the internet in 10 simple slides.

Arpanet

Dial up modem

Early experiments

Browser wars

Ecommerce

Bubble

Content management

Social

Mobile

faster connections hardware shareable search technology design trends increasing screen estate mind widgets, mobile, ... though social end of the desktop monopoly

And how do we proceed? By Simon-K on Flickr

5 do’s & dont’s for 2010

ob v io us let’s run through the don’ts first

Forget about smiling business people ..

Puzzles ..

Globes ..

Gears ..

Light bulbs ..

and the typical corporate website template, for that matter

20092010

simplicity subtle gradients shadow to emboss (letterpress) desktop-like user interfaces clean illustrations one page websites minimalism

Clean illustrations meomi.com

Minimalistic owltastic.com

Less is more kylestanding.com

Clean illustrations goglamping.net

Letterpress esorganisers.com

Desktop like user interfaces getballpark.com

Modal windows nasibriyanilounge.com

invisible complexity transparency typography (text replacement) javascript libraries experimental html5/css3

Transparency silverbackapp.com

Text replacement shauninman.com/blog

CSS3 ANIMATIONS MACHEIST.com

Advanced javascript gomockingbird.com

big type headers footers images call to action everything

Type dustincurtis.com/sleep.html

Headers are the new splash page biola.edu/undergrad

Headers are the new bio ma.tt

Huge photo mcfc.co.uk

Call to action mailchimp.com

a!y dark grunge sketch & hand drawn typography wood magazine layout retro horizontal website think outside the browser

Dark justincline.com

Grunge jrvelasco.com

Collage garynock.com

Magazine bmivoyager.com

Typography carsonified.com

Wood thethingswemake.co.uk

Horizontal site suiepaparude.ro

Outside the browser alexbuga.com

Outside the browser pastorant.eu

bigger picture every page is your homepage social chunks websites are/become part of SN’s think outside the desktop

Social chunks skittles.com

Large footers yodiv.com

Every page footer is your homepage mesa.cityofgrace.com

webdesign in 2010 is all about .. simplicity invisible complexity big & bold art & creativity the bigger picture

Inspired by Benjamin Moore Cedar Green 2034-40 and Mark Chamberlain

Tijs Vrolix @tijs on Twitter tijs@vrolix.eu

harrypotter12 Great slides. Thanks for sharing.

Regards
http://www.clickandsendparcel.com 2 months ago

Are you sure you want to Yes No

Kashif Mobin , UI / Web Designer at Arpatech Ltd. helpful 9 months ago

Beer Bergman , Social Media Strategy Consultant & Trainer at Bilance / SciencesPo Poitiers Thank you for your excellent presentation ! 11 months ago

eare16 Web design trends for 2010 1 year ago

3M UK at 3M UK Awesome slides! Did you know 3M UK are running a competition on SlideShare? You could win a 3M PocketProjector MP180! If you want a chance then all you have to do is tag your presentation with ‘3MInform’ and you’ll be entered! Interested? Head over to our page for more details. 1 year ago

Wisley at Wisley Thank you for sharing :)
http://www.katimaa.com/store/ 1 year ago

( LATITUDEPARK ) at ( LATITUDEPARK ) Really cool stuff! I think you are dead on for 2010. Whats up for 2011 is the question! Here is my design portfolio http://www.latitudepark.com/portfolio/ 1 year ago

suzannemcdaniel Thanks so much for sharing - plan to use with my high school yearbook staff to further their understaning of current design trends and how they can be applied to our own publication. 1 year ago

Quadrega Design at Quadrega Design Excellent way to present the data, very simple and easy to follow, 1 year ago

rajaINT Awesome :) 1 year ago

Web design trends for 2010

by Tijs Vrolix on Nov 12, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

Embed Views

Statistics

Web design trends for 2010 — Presentation Transcript

Get analytics right now with SlideShare PRO

An effective way to find out who is viewing your content

Remove ads from all your pages with SlideShare PRO

Your viewers will engage with your content, not ads