web design trends for 2010 by tijs vrolix

62
corporate Webdesign trends 20 10

Upload: lucianoquero

Post on 28-Jan-2015

109 views

Category:

Design


1 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Web design trends for 2010 by Tijs Vrolix

corporateWebdesign trends

2010

Page 2: Web design trends for 2010 by Tijs Vrolix

Tijs Vrolix@tijs on Twitter

Page 3: Web design trends for 2010 by Tijs Vrolix

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

Page 4: Web design trends for 2010 by Tijs Vrolix

of the internet in 10 simple slides.A brief history

Page 5: Web design trends for 2010 by Tijs Vrolix

Arpanet

Page 6: Web design trends for 2010 by Tijs Vrolix

Dial up modem

Page 7: Web design trends for 2010 by Tijs Vrolix

Early experiments

Page 8: Web design trends for 2010 by Tijs Vrolix

Browser wars

Page 9: Web design trends for 2010 by Tijs Vrolix

Ecommerce

Page 10: Web design trends for 2010 by Tijs Vrolix

Bubble

Page 11: Web design trends for 2010 by Tijs Vrolix

Search

Page 12: Web design trends for 2010 by Tijs Vrolix

Content management

Page 13: Web design trends for 2010 by Tijs Vrolix

Social

Page 14: Web design trends for 2010 by Tijs Vrolix

Mobile

Page 15: Web design trends for 2010 by Tijs Vrolix
Page 16: Web design trends for 2010 by Tijs Vrolix

faster connections

increasing screen estatemind widgets, mobile, ... though

socialend of the desktop monopoly

searchshareable

designtechnology trends

hardware

Page 17: Web design trends for 2010 by Tijs Vrolix

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

Page 18: Web design trends for 2010 by Tijs Vrolix

5do’s for 2010dont’s&

Page 19: Web design trends for 2010 by Tijs Vrolix

let’s run through the don’ts firstobvious

Page 20: Web design trends for 2010 by Tijs Vrolix

Forget about smiling business people ..

Page 21: Web design trends for 2010 by Tijs Vrolix

Puzzles ..

Page 22: Web design trends for 2010 by Tijs Vrolix

Globes ..

Page 23: Web design trends for 2010 by Tijs Vrolix

Gears ..

Page 24: Web design trends for 2010 by Tijs Vrolix

Light bulbs ..

Page 25: Web design trends for 2010 by Tijs Vrolix

and the typical corporate website template, for that matter

Page 26: Web design trends for 2010 by Tijs Vrolix

20092010

Page 27: Web design trends for 2010 by Tijs Vrolix

simplicitysubtle gradientsshadow to emboss (letterpress)desktop-like user interfacesclean illustrationsone page websitesminimalism

Page 28: Web design trends for 2010 by Tijs Vrolix

Clean illustrations meomi.com

Page 29: Web design trends for 2010 by Tijs Vrolix

Minimalistic owltastic.com

Page 30: Web design trends for 2010 by Tijs Vrolix

Less is more kylestanding.com

Page 31: Web design trends for 2010 by Tijs Vrolix

Clean illustrations goglamping.net

Page 32: Web design trends for 2010 by Tijs Vrolix

Letterpress esorganisers.com

Page 33: Web design trends for 2010 by Tijs Vrolix

Desktop like user interfaces getballpark.com

Page 34: Web design trends for 2010 by Tijs Vrolix

Modal windows nasibriyanilounge.com

Page 35: Web design trends for 2010 by Tijs Vrolix

invisible complexitytransparencytypography (text replacement)javascript librariesexperimental html5/css3

Page 36: Web design trends for 2010 by Tijs Vrolix

Transparency silverbackapp.com

Page 37: Web design trends for 2010 by Tijs Vrolix

Text replacement shauninman.com/blog

Page 38: Web design trends for 2010 by Tijs Vrolix

CSS3 ANIMATIONS MACHEIST.com

Page 39: Web design trends for 2010 by Tijs Vrolix

Advanced javascript gomockingbird.com

Page 40: Web design trends for 2010 by Tijs Vrolix

bigtypeheadersfootersimagescall to actioneverything

Page 41: Web design trends for 2010 by Tijs Vrolix

Type dustincurtis.com/sleep.html

Page 42: Web design trends for 2010 by Tijs Vrolix

Headers are the new splash page biola.edu/undergrad

Page 43: Web design trends for 2010 by Tijs Vrolix

Headers are the new bio ma.tt

Page 44: Web design trends for 2010 by Tijs Vrolix

Huge photo mcfc.co.uk

Page 45: Web design trends for 2010 by Tijs Vrolix

Call to action mailchimp.com

Page 46: Web design trends for 2010 by Tijs Vrolix

a!ydarkgrungesketch & hand drawntypographywoodmagazine layoutretrohorizontal websitethink outside the browser

Page 47: Web design trends for 2010 by Tijs Vrolix

Dark justincline.com

Page 48: Web design trends for 2010 by Tijs Vrolix

Grunge jrvelasco.com

Page 49: Web design trends for 2010 by Tijs Vrolix

Collage garynock.com

Page 50: Web design trends for 2010 by Tijs Vrolix

Magazine bmivoyager.com

Page 51: Web design trends for 2010 by Tijs Vrolix

Typography carsonified.com

Page 52: Web design trends for 2010 by Tijs Vrolix

Wood thethingswemake.co.uk

Page 53: Web design trends for 2010 by Tijs Vrolix

Horizontal site suiepaparude.ro

Page 54: Web design trends for 2010 by Tijs Vrolix

Outside the browser alexbuga.com

Page 55: Web design trends for 2010 by Tijs Vrolix

Outside the browser pastorant.eu

Page 56: Web design trends for 2010 by Tijs Vrolix

bigger pictureevery page is your homepagesocial chunkswebsites are/become part of SN’s

think outside the desktop

Page 57: Web design trends for 2010 by Tijs Vrolix

Social chunks skittles.com

Page 58: Web design trends for 2010 by Tijs Vrolix

Large footers yodiv.com

Page 59: Web design trends for 2010 by Tijs Vrolix

Every page footer is your homepage mesa.cityofgrace.com

Page 60: Web design trends for 2010 by Tijs Vrolix

webdesign in 2010 is all about ..simplicity

big & boldinvisible complexity

art & creativitythe bigger picture

Page 61: Web design trends for 2010 by Tijs Vrolix

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