Your SlideShare is downloading. ×
0
2010      corporateWebdesign trends
Tijs Vrolix@tijs on Twitter
So how did we get here?   By Detlef C on Flickr
A brief historyof the internet in   10 simple slides.
Arpanet
Dial up modem
Early experiments
Browser wars
Ecommerce
Bubble
Search
Content management
Social
Mobile
faster connections                hardware     shareable                searchtechnology               design             ...
And how do we proceed?   By Simon-K on Flickr
5   do’s &    dont’s   for   2010
ob v io uslet’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
simplicitysubtle gradientsshadow to emboss (letterpress)desktop-like user interfacesclean illustrationsone page websitesmi...
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 complexitytransparencytypography (text replacement)javascript librariesexperimental html5/css3
Transparency   silverbackapp.com
Text replacement   shauninman.com/blog
CSS3 ANIMATIONS   MACHEIST.com
Advanced javascript   gomockingbird.com
bigtypeheadersfootersimagescall to actioneverything
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!ydarkgrungesketch & hand drawntypographywoodmagazine layoutretrohorizontal websitethink 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 pictureevery page is your homepagesocial chunkswebsites are/become part of SN’sthink 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 & ...
Inspired by Benjamin Moore Cedar Green 2034-40 and Mark Chamberlain
Tijs Vrolix@tijs on Twitter       tijs@vrolix.eu
Web design trends for 2010 by Tijs Vrolix
Upcoming SlideShare
Loading in...5
×

Web design trends for 2010 by Tijs Vrolix

413

Published on

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

Published in: Design, Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
413
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web design trends for 2010 by Tijs Vrolix"

  1. 1. 2010 corporateWebdesign trends
  2. 2. Tijs Vrolix@tijs on Twitter
  3. 3. So how did we get here? By Detlef C on Flickr
  4. 4. A brief historyof the internet in 10 simple slides.
  5. 5. Arpanet
  6. 6. Dial up modem
  7. 7. Early experiments
  8. 8. Browser wars
  9. 9. Ecommerce
  10. 10. Bubble
  11. 11. Search
  12. 12. Content management
  13. 13. Social
  14. 14. Mobile
  15. 15. faster connections hardware shareable searchtechnology design trends increasing screen estate mind widgets, mobile, ... thoughsocial end of the desktop monopoly
  16. 16. And how do we proceed? By Simon-K on Flickr
  17. 17. 5 do’s & dont’s for 2010
  18. 18. ob v io uslet’s run through the don’ts first
  19. 19. Forget about smiling business people ..
  20. 20. Puzzles ..
  21. 21. Globes ..
  22. 22. Gears ..
  23. 23. Light bulbs ..
  24. 24. and the typical corporate website template, for that matter
  25. 25. 20092010
  26. 26. simplicitysubtle gradientsshadow to emboss (letterpress)desktop-like user interfacesclean illustrationsone page websitesminimalism
  27. 27. Clean illustrations meomi.com
  28. 28. Minimalistic owltastic.com
  29. 29. Less is more kylestanding.com
  30. 30. Clean illustrations goglamping.net
  31. 31. Letterpress esorganisers.com
  32. 32. Desktop like user interfaces getballpark.com
  33. 33. Modal windows nasibriyanilounge.com
  34. 34. invisible complexitytransparencytypography (text replacement)javascript librariesexperimental html5/css3
  35. 35. Transparency silverbackapp.com
  36. 36. Text replacement shauninman.com/blog
  37. 37. CSS3 ANIMATIONS MACHEIST.com
  38. 38. Advanced javascript gomockingbird.com
  39. 39. bigtypeheadersfootersimagescall to actioneverything
  40. 40. Type dustincurtis.com/sleep.html
  41. 41. Headers are the new splash page biola.edu/undergrad
  42. 42. Headers are the new bio ma.tt
  43. 43. Huge photo mcfc.co.uk
  44. 44. Call to action mailchimp.com
  45. 45. a!ydarkgrungesketch & hand drawntypographywoodmagazine layoutretrohorizontal websitethink outside the browser
  46. 46. Dark justincline.com
  47. 47. Grunge jrvelasco.com
  48. 48. Collage garynock.com
  49. 49. Magazine bmivoyager.com
  50. 50. Typography carsonified.com
  51. 51. Wood thethingswemake.co.uk
  52. 52. Horizontal site suiepaparude.ro
  53. 53. Outside the browser alexbuga.com
  54. 54. Outside the browser pastorant.eu
  55. 55. bigger pictureevery page is your homepagesocial chunkswebsites are/become part of SN’sthink outside the desktop
  56. 56. Social chunks skittles.com
  57. 57. Large footers yodiv.com
  58. 58. Every page footer is your homepage mesa.cityofgrace.com
  59. 59. webdesign in 2010 is all about .. simplicity invisible complexity big & bold art & creativity the bigger picture
  60. 60. Inspired by Benjamin Moore Cedar Green 2034-40 and Mark Chamberlain
  61. 61. Tijs Vrolix@tijs on Twitter tijs@vrolix.eu
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×