corporateWebdesign trends

2010

Tijs Vrolix@tijs on Twitter

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

of the internet in 10 simple slides.A brief history

Arpanet

Dial up modem

Early experiments

Browser wars

Ecommerce

Bubble

Search

Content management

Social

Mobile

faster connections

increasing screen estatemind widgets, mobile, ... though

socialend of the desktop monopoly

searchshareable

designtechnology trends

hardware

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

5do’s for 2010dont’s&

let’s run through the don’ts firstobvious

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 websitesminimalism

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’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

big & boldinvisible complexity

art & creativitythe bigger picture

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

Tijs Vrolix@tijs on Twitter

tijs@vrolix.eu