Coporate design web trends in 2010 and beyond

simplicity subtle gradients shadow to emboss (letterpress) desktop-like user interfaces clean illustrations one page websites minimalism

Webdesign trends

Tijs Vrolix

@tijs on Twitter

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

of the internet in A brief history 10 simple slides.

Arpanet

Dial up modem

Early experiments

Browser wars

Ecommerce

Bubble

Content management

Social

Mobile

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

5 do’s

for 2010

dont’s&

let’s run through the don’ts first

obvious

Forget about smiling business people

Puzzles

Globes

Gears

Light bulbs

and the typical corporate website template, for that matter

2009 2010

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

Transparency silverbackapp.com

Text replacement shauninman.com/blog

CSS3 ANIMATIONS MACHEIST.com

Advanced javascript gomockingbird.com

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

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

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 & bold

invisible complexity art & creativity

the bigger picture

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

Tijs Vrolix

@tijs on Twitter

tijs@vrolix.eu