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
Search
Content management
Social
Mobile
faster connections                hardware


     shareable                search

technology
               design       ...
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 websi...
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...
Inspired by Benjamin Moore Cedar Green 2034-40 and Mark Chamberlain
Tijs Vrolix
@tijs on Twitter
       tijs@vrolix.eu
Web design trends for 2010
Upcoming SlideShare
Loading in...5
×

Web design trends for 2010

70,777

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, Technology, Business
25 Comments
270 Likes
Statistics
Notes
  • Suxus Technology | Web Design In Tirunelveli | Tirupur | Trichy | Seo
    www.suxustechnology.com/‎
    Suxus Technology is a Tirunelveli based professional web development company providing Web Design In Tirunelveli,Tuticorin,Tirupur,Trichy,Seo.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Great slides! You give examples of some really nice designs. I suggest businesses use EXAI (www.exai.com) when building their websites. It's a nice, easy to use website builder that produces professional-looking websites quickly and inexpensively. I understand this slide is from 2 years ago. I feel like the trend has gone more and more towards the automation of business websites since then.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • helpful
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Thank you for your excellent presentation !
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Web design trends for 2010
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
70,777
On Slideshare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
4,347
Comments
25
Likes
270
Embeds 0
No embeds

No notes for slide

Web design trends for 2010

  1. 1. 2010 corporate Webdesign 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 history of 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 search technology design trends increasing screen estate mind widgets, mobile, ... though social 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 us let’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. simplicity subtle gradients shadow to emboss (letterpress) desktop-like user interfaces clean illustrations one page websites minimalism
  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 complexity transparency typography (text replacement) javascript libraries experimental 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. big type headers footers images call to action everything
  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!y dark grunge sketch & hand drawn typography wood magazine layout retro horizontal website think 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 picture every page is your homepage social chunks websites are/become part of SN’s think 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.

×