Web design trends for 2010 by Tijs Vrolix

618 views

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
618
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×